JQuery 的连接技术 与遍历

一、选择的指定元素的动作,例如设置样式,获取元素,设置元素,事件,等 只要是针对同一个DOM元素的  方法 都可以接着一个写另一个,而不用重复的写选择器。

例如 

方式1:

 $("#div1").css("colro","red").slideUp().click(function(){ alert("你好啊");  });

相当于这样写

方式2:

$("#div1").css("colro","red");

$("#div1").slideUp();

$("#div1").click(function(){ alert("你好啊");  });

由此可以看出方式1是比较简单的。

我自己称 像 $("#div1")为DOM元素

二、在jq 遍历中,遍历的方法 所指定的 的DOM元素 也适用。千万不要把遍历跟链式混乱。遍历到最后就是找对应的DOM元素。

例如

JQuery 的连接技术 与遍历_第1张图片

像 下面 $('.div4').find("li") 它的作用跟 一、 中的$("#div1") 作用是一样的 就是代表选定DOM选择器

无论遍历 祖先,子孙,还是同辈等  还是过滤 ,还是用each()等遍历 最终指向的都是某Dom 元素。

JQuery 的连接技术 与遍历_第2张图片

因此千万分清JQ遍历是什么意思,他跟遍历没有关系。

jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。

你可能感兴趣的:(JQuery 的连接技术 与遍历)