Jquery对象本质和隐式迭代

Jquery对象本质“可以看成”是一个包含一个 dom数组和所有Jquery方法的容器（补充：方法在所有jq对象共享的jq原型属性prototype中，jq对象本质是一个“类数组”）。

要使用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 中共享。此文主要是方便初学者理解JQ对象。

转载于:https://www.cnblogs.com/jameszou/archive/2013/04/14/3020447.html

Jquery对象本质和隐式迭代相关推荐

前端学习笔记-jQuery-jQuery选择器/隐式迭代/链式编程
jQuery选择器 jQuery基本选择器原生JS获取原生的方式很多,很杂,而且兼容性情况,不一致,因此jQuery给我们做了封装,使获取元素统一标准. $("选择器") // ...
jQuery 基础选择器/层级选择器/隐式迭代
jQuery 选择器 jQuery 层级选择器隐式迭代(重要) <!DOCTYPE html> <html lang="en"><head>& ...
jQuery中事件及常用事件总结、jQuery中常见效果、隐式迭代、链式编程、样式操作、动画队列、不同元素绑定同一个事件
jQuery事件: jQuery中的事件和javascript中的事件基本相似,不同的是jQuery中的事件处理函数写在事件后面的括号中,如: <script>$('input').cli ...
22.仿淘宝五角星评论（链式编程、隐式迭代）
试玩(淘宝案例在下面): 效果: <!DOCTYPE html> <html lang="en"> <head><meta charset ...
C++中的operator主要有两个作用，一是操作符的重载，一是自定义对象类型的隐式转换。
C++中的operator主要有两个作用,一是操作符的重载,一是自定义对象类型的隐式转换.对于操作符的重载,许多人都不陌生,但是估计不少人都不太熟悉operator的第二种用法,即自定义对象类型的隐式 ...
matlab交替隐式迭代,jQuery关于隐式迭代的个人理解~
apache+mysql+php的环境配置一配置前的准备 1 先设置环境变量(win7的) win10 二配置apache 我用EditPlus打开httpd.conf LoadModule p ...
jquery隐式迭代
简单理解:就是把获取的元素集合进行隐秘的遍历循环,让里面的每一个元素对象执行相应的方法,而不用我们进行循环,简化了我们的操作,方便我们调用
JQuery中隐式迭代和each的区别(通过反选功能解析)
最近在学JQuery,发现它的确是个很给力的东东....不过各种符号,各种选择器,稍有点乱,还要在日后工作中经常用才能熟练起来. 今天在学习时,遇到这样一个问题,是在做checkbox的反选按钮时,两 ...
大数据WEB阶段（十三）JSP（一）JSP基础、JSP指令详解、四大域九大隐式对象总结
JSP基础.指令.四大作用域九大隐式对象总结 (一)JSP基础一.JSP概述 jsp其实是java动态页面技术 HTML可以用来组织页面但是HTML是一种静态web资源技术无法嵌入动态数据. Ser ...

Jquery对象本质和隐式迭代

Jquery对象本质和隐式迭代相关推荐

最新文章

热门文章