JQuery隐式迭代

  1. jQuery方法获取的元素就是jQuery对象;
  2. jQuery对象本质是:利用$对DOM对象包装后产生的对象(jquery对象就是伪数组,存储的是一个一个的DOM对象)

含义:

隐式迭代:

遍历内部DOM元素(伪数组形式存储)的过程。
简单理解:
给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简化我们的操作,方便我们调用。

  • 遍历jQuery对象内部 DOM元素伪数组形式存储)的过程就叫隐式迭代

    简单理解:给匹配的所有元素进行循环遍历,执行相应的方法,而不是我们再进行循环,简化我们的操作,方便我们的调用。


实例:

<body>
    <div>测试</div>
    <div>测试</div>
    <div>测试</div>
    <div>测试</div>
    <ul>
        <li>相同的操作</li>
        <li>相同的操作</li>
        <li>相同的操作</li>
    </ul>
    <script>
        // 1. 获取四个div元素 
        console.log($("div"));

        // 2. 给四个div设置背景颜色为粉色 jquery对象不能使用style
        $("div").css("background", "pink");
        // 3. 隐式迭代就是把匹配的所有元素内部进行遍历循环,给每一个元素添加css这个方法
        $("ul li").css("color", "red");
    </script>
</body>

另一种相同的说法:

Jquery对象本质可以看成是一个包含一个 dom数组和所有Jquery方法的容器(补充:方法在所有jq对象共享的jq原型属性prototype中)。

要使用Jquery,就必须将dom元素转成 Jquery对象,然后才能调用JQ对象的 便捷方法。

1 //所有 div 内部设置一个 span 标签
2 var $divs = $("div");
3 $divs.html("<span>广州小蛮腰</span>");

每当我们调用选择器方法查找dom树里的元素时,其实就是把找到的dom元素存入一个JQ对象里的dom数组中,然后再把这个JQ对象返回。

当我们调用Jquery方法时(如 html()),jq方法会遍历内部 dom数组,并调用每个dom元素的对应的dom属性或方法(如innerHTML),完成操作。

其中Jq方法遍历内部dom数组的过程就叫做【隐式迭代】

【图例】

补充:每个Jq对象的方法都是从 Jquery函数的 prototype 中共享。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

结果才重要

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值