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元素。

例如

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jQuery基础 什么是JQ?一个优秀的JS库,大型开发必备JQ的好处?一简化JS的复杂操作二不再需要关心兼容性三...
    幺七阅读 4,461评论 0 2
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,860评论 0 3
  • 一.jQury的引入 jQuery的优势 轻量级 强大的选择器 出色的DOM操作 可靠的事件处理机制 完善的Aja...
    空谷悠阅读 3,517评论 0 2
  • 一.jQuery 是一个 JavaScript 函数库。 jQ语法是XPath(XML路径语言,在XML文档中查找...
    牛油果大虾阅读 5,108评论 2 21
  • 我只想待在小村里,哪儿也不去 文|星静涓 “要不要去大城市发展”是当代人不断叩问的问题。去年,国民也兴起了“大城床...
    星静涓阅读 1,449评论 4 2