使用jQuery选择器获取元素后,如果无论获取到的元素有多少,都直接对元素进行操作,操作过程中会出现隐式迭代。 隐式迭代是指当实际有多个元素需要操作时jquery选择器找子元素,jQuery会手动对所有元素进行操作。 示例代码如下。
第1个div
第2个div
第3个div
第4个div
console.log($("div"));
// 使用css()方法修改元素 css样式,将背景色设为pink
$("div").css("ackground”, "pink"); //对所有的div进行相同操作
在使用jQuery之前,如果想用原生JavaScript实现上述操作jquery选择器找子元素,需要先获取元素的集合,然后遍历该集合,取出每个元素,然后执行操作。 并且jQuery具有隐式迭代的效果,开发者不需要自动遍历,jQuery会根据元素的数量手动处理。
学一招:
层次选择器可以完成多级元素之间的获取,如表1所示。
下面我们通过代码演示层次选择器的使用。
- 我是ul的li
- 我是ul的1i
console.log($("ul li")); //获取u1中的li