13518219792
使用jQuery动态加载UL标签中的li标签的方法：
创新互联是专业的汉阴网站建设公司，汉阴接单;提供成都网站制作、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行汉阴网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
首先获取到数据。在这里模拟创建一个数组用于测试数据集。
第二步，创建一个button点击事件。用于动态观察，同时创建ul标签下的厨师li标签元素，直观的通过点击button的点击事件来触发li标签的更改。
第三步，写入js控制代码，一开始通过remove动作先把原先的li表情清楚，接下来，使用jQuery的each方法遍历创建的data数据，并把遍历得到的数据通过append的方法加入到ul标签内。
第四步，进行验证。用浏览器打开此页面。
第五步，点击“点击加载数据”按钮。
拓展资料：
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
思路：为添加边框样式设置一个class（设为selected），点击li后使用removeClass()方法删除其他li的selected类，并且为当前li添加selected类。
实例演示如下:
1、HTML结构
style
ul.test li{display:inline-block;border:1px solid white;} /*默认为白色边框*/
.selected{border:1px solid #ff99cc !important;}
/style
ul class="test"
liGlen/li liTane/li liJohn/li liRalph/li
/ul
2、jquery代码
$(function(){
$("li").click(function() {
$(this).siblings('li').removeClass('selected'); // 删除其他li的边框样式
$(this).addClass('selected'); // 为当前li添加边框样式
});
});
3、效果演示
1、打开html开发工具，新建一个html代码页面。
2、在html页面创建三个p标签，给这三个p标签设置不同的内容。
3、引入jquery库。在title标签后面引用下载好的jquery.js文件。
4、 在jquery引用库标签后面新建一个script标签，在这个标签里面添加一个DOM加载完成后执行函数。
5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。
6、保存html代码后使用浏览器打开，点击p标签弹出框就会显示当前点击标签的上一个标签的内容。
实现的方法如下：
1、第一步，创建一个新的html文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，需要引入jquery.js，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，设置输入框的keydown事件与click事件，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，按钮单击触发事件，见下图，转到下面的步骤。
7、第七步，执行完上面的操作之后，单击按钮，效果见下图。这样，就解决了这个问题了。
