jQuery的选择方法和$()的使用方法

  介绍

这篇文章主要讲解了jQuery的选择方法和美元(这)的使用方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。


用方法来选择元素,可以视作<代码> $()函数的链式调用,返回仍然是一个jQuery对象

$(函数(){//一,根据结果集中元素位置来选择:第(),(),eq(),片()//1,选择第一个李   美元(& # 39;李# 39;)当代(). css(& # 39;颜色# 39;& # 39;红色# 39;);//2,选择最后一个   美元(& # 39;李# 39;).last () . css(& # 39;颜色# 39;& # 39;红色# 39;);//3、选择第三个li索引从0开始   美元(& # 39;李# 39;).eq (2) . css(& # 39;颜色# 39;& # 39;红色# 39;);//4,范围选择:切片(起始索引,结束索引),索引从0开始,结果中不包括结束索引的数据   美元(& # 39;李# 39;).slice (1、4) . css(& # 39;颜色# 39;& # 39;红色# 39;);//5片()省略结束索引,默认选取到最后一个元素   美元(& # 39;李# 39;).slice (1) . css(& # 39;颜色# 39;& # 39;红色# 39;);//6片()支持负数,从倒数开始选择元素,如:片(3),选择最后三个   美元(& # 39;李# 39;).slice (3) . css(& # 39;颜色# 39;& # 39;红色# 39;);//二,根据结果集中元素的自身特性来选择元素:过滤(),而不是()//从结果中选择类为红色的元素,等价于美元(& # 39;li.red& # 39;)   美元(& # 39;李# 39;).filter (& # 39; .red& # 39;) . css(& # 39;颜色# 39;& # 39;红色# 39;);//过滤()方法可以传入一个回调判断函数,参数就是索引   美元(& # 39;李# 39;).filter(函数(指数){回报指数% 2==0}). css(& # 39;颜色# 39;& # 39;红色# 39;);   等价于:   美元(& # 39;李:即使# 39;). css(& # 39;颜色# 39;& # 39;红色# 39;);//与过滤()功能相反的是不()方法,选择所有奇数行   美元(& # 39;李# 39;)自身之外(函数(指数){回报指数% 2==0}). css(& # 39;颜色# 39;& # 39;红色# 39;);   等价于:   美元(& # 39;李:奇怪# 39;). css(& # 39;颜色# 39;& # 39;红色# 39;);//三,将选中元素集合当作上下文,其实就是一个定位标志//找到()、儿童(),内容(),(),上一页(),nextAll (), prevAll(),父母(),父母(),(),最近parentsUntil ()//1,查询所有李元素下面的强大元素,文本设置为红色,可以深入到多级   美元(& # 39;李# 39;);(& # 39;强# 39;). css(& # 39;颜色# 39;& # 39;红色# 39;);//2,获取当前元素的下一个元素,当前id在第5个李上   美元(& # 39;李# 39;). next () . css(& # 39;颜色# 39;& # 39;红色# 39;);//3、获取从当前开始到结束的全部元素,会将子孙元素全选中   美元(& # 39;李# 39;).nextAll () . css(& # 39;颜色# 39;& # 39;红色# 39;);//4,获取当前元素的前一个元素,上一页()   美元(& # 39;李# 39;).prev () . css(& # 39;颜色# 39;& # 39;红色# 39;);//5、获取当前元素的前面所有元素,prevAll ()   美元(& # 39;李# 39;).prevAll () . css(& # 39;颜色# 39;& # 39;红色# 39;);//6,获取当前元素父元素,父母()   美元(& # 39;李# 39;).parent () . css(& # 39;颜色# 39;& # 39;红色# 39;);   });

美元(这)用法

返回当前jQuery对象,与上下文相关:

& lt; head>   & lt; script>   $(文档)时函数(){   美元(& # 39;img # 39;) .click(函数(事件){   警报($).attr(& # 39;内容# 39;));   });   });   & lt;/script>   & lt;/head>   & lt; body>   https://www.yisu.com/zixun/& lt; img src="/1. png图像“alt=" 1 ">    2         

看完上述内容,是不是对jQuery的选择方法和美元(这)的使用方法有进一步的了解,如果还想学习更多内容,欢迎关注行业资讯频道。

jQuery的选择方法和$()的使用方法