一、在开发工具JQuery中新建个以下文档。
二、还要绑定一个JS以便设置功能
这个要在外面引进JQuery文档中
<script src="~/Content/js/jquery-3.2.1.min.js"></script>
放在<body>标签中
三、设个<ul>标签里面设几个<li>标签
然后去浏览器看下效果
如下俩张图(图1、图2)
图1
图2
四、绑定点击事件:在<body>内写个<script>标签,在里头写JS功能
给<ul>标签内的<li>标签设置 点击事件 和 点击li标签,li标签中的文字变颜色
浏览器 效果:
提示:利用这个方法绑定<ul>标签内的<li>标签点击事件
五、新增列表项:用JavaScript for循环 动态插入3个新的子元素li标签。代码如下:
提示:利用这个方法
浏览器 效果: