隐式迭代是什么意思?jQuery选择器隐式迭代

在使用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所示。

隐式迭代是什么意思?jQuery选择器隐式迭代

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

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

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/285643.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
黑马程序员黑马程序员订阅用户
上一篇 2023年6月24日
下一篇 2023年6月24日

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息