首页技术文章正文

什么是隐式迭代？jQuery选择器怎么使用？

更新时间:2022年11月17日10时24分来源:传智教育浏览次数:

在使用jQuery 选择器获取元素后，如果不考虑获取到的元素数量，直接对元素进行操作，则在操作时会发生隐式迭代。隐式迭代是指，当要操作的元素实际有多个时，jQuery 会自动对所有的元素进行操作，示例代码如下。

<div>第1个div</div>
<div>第2个div</div>
<div>第3个div</div>
<div>第4个div</div>
<script>
   console.log($("div"));
   // 使用css()方法修改元素 css样式，将背景色设为pink
   $("div").css("ackground”, "pink");   //对所有的div进行相同操作
</script>

在使用jQuery之前，若要用原生 JavaScript 实现上述操作，需要先获取到一个元素集合然后对集合进行遍历，取出每一个元素，再执行操作。而jQuery 具有隐式迭代的效果，开发人员不需要手动进行遍历，jQuery 会根据元素的数量自动进行处理。

多学一招：

层级选择器可以完成多层级元素之间的获取，具体如表1所示。

下面我们通过代码演示层级选择器的使用。

<ul>
  <li>我是ul的li</li>
  <li>我是ul的1i</li>
</uI>
<script>
  console.log($("ul li"));     //获取u1中的li
 </script>

上一篇：jQuery怎样添加元素和删除元素？ 下一篇：怎样实现jQuery的多库共存？

杭州中心

热门课程

什么是隐式迭代？jQuery选择器怎么使用？

最新资讯

相关阅读

热门课程推荐