jquery 隐式迭代
来源:互联网 发布:燕十八mysql优化 编辑:程序博客网 时间:2024/06/16 07:17
要使用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 中共享。
如何判断对象是否存在,jquery选择器返回的是一个对象数组,调用text(),html(),click()之类的方法的时候其实是对数组中每个元素迭代调用每个方法,因此即使通过id选择的元素不存在也不会报错,如果需要判断制定的id不存在,应该写:
if($("#btn1").length <= 0){
alert("id为btn1的元素不存在!");
}
$('.className') 这其实是一个数组集合,并不是直接的DOM元素
所以像 $('.className').addClass('newClass'),执行的其实是类似这样的语句
$('.className').each(function() {
$(this).addClass('newClass');
});
还有一些例子,比如
$('.notExistClass').addClass('newClass');
即使没有符合$('.notExistClass')条件的DOM元素,jQuery同样也不会报错。
- jquery 隐式迭代
- jquery 隐式迭代
- jquery隐式迭代
- jquery 隐式迭代
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQUERY
- ZOJ 3702 Gibonacci number 找规律
- 如何实现每天固定时间提醒设定信息
- 阿里开源库VLayout的使用笔记
- shell编程3_警系统
- SpringCloudNetflix-Feign/Hystrix Setting
- jquery 隐式迭代
- 最新Spark编程指南Python版[Spark 1.3.0][译]
- jsp 页面内获取请求地址
- NYOJ 201 作业题
- java retain all 。 retain 保留
- Android使用Mp4v2用h264流和aac流合成mp4
- android源码设计模式解析与实战 笔记 8.6节
- Java学习之3DES加解密
- PAT1030 完美数列