1、双击打开HBuilder并新建一个静态页面,在页面中引入jquery文件。
2、在
标签内,插入一个div标签并在其中插入一个无序列表。3、接着在jQuery初始化函数中,利用jquery each函数遍历循环ul li。
4、保存代码并在浏览器上查看页面显示的效果,可以发现只有几个无序列表项的点。
5、再次添加样式代码,并使用类选择器包裹,然后使用addClass方法添加类样式。
6、再次保存代码并查看页面显示效果,可以发现背景颜色改变了,即增加颜色成功。
// DOM文档
1
2
3
4
// JS
$(function() {
// 获取dom元素的div 内的p标签的eq(1)第二个元素0为第一个元素after()是在第二个之前添加的意思
$('div p:eq(1)').after('2.1
');
我是第1个
我是第2个
我是第3个
我是第4个
$("div.XXX p:eq(1)").after("第二个P后增加一个P,XXX是指定DIV的class名称
");
1
2
3