码迷,mamicode.com
首页 > Web开发 > 详细

83.jquery的筛选与过滤

时间:2020-05-10 17:35:02      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:通过   添加   jquery   直接   length   现在   first   参数   src   

jq控制css样式,css里面有两个值,第一个是属性,第二个是值

技术图片

 

筛选到第一个:first技术图片

 

筛选最后一个:last技术图片

 

 

 筛选常用方法:eq

                             技术图片

 

排除:not

                          技术图片

 

 范围选中:

                       技术图片

 

奇偶选择:

                    技术图片

 

 特殊过滤器:

比如eq,可以拿到外面:

技术图片

 

 技术图片

 

click点击事件,里面放函数。hasClass()判断有无类名 removeClass删除类名 addClass添加类名

 技术图片

 

 技术图片

 

 判断类名还有is,is里面的类名需要加点 “”

is还可以判断奇偶 前面加冒号(:)

技术图片

 

 技术图片

 

eq的序号 要看选择出来的元素

 技术图片

 

 .index()返回亲兄弟的排名:

技术图片技术图片

 

技术图片技术图片

 

返回的是亲兄弟的排名,而非下标,虽然获取到6个p,但是上面三个p是在一个盒子里是一组亲兄弟,下面三个p在一个盒子里是另一组亲兄弟。

案例:通过点击上面的,影响下面的:

技术图片

 

 this指向技术图片 事件源

 

each迭代,遍历每一个被选中的元素

技术图片

 

 技术图片 改变宽度,第二个参数无需加px

 

技术图片 size()与length一个效果判断有几个元素,现在都用length,因为size()适用的版本太低。

 

 技术图片 返回jq对象,就要用jq方法,使用原生方法无效,返回原生对象,就要有原生方法,使用jq方法无效,

 

eq(2)返回的是类数组,在添加具体下标会返回原生

技术图片

但是若使用原生方法,直接返回原生对象是最好的选择,因此这种情况用gei方法。

技术图片

原生对象不能使用jq方法,但是可以:通过添加$变成jq对象,类似于,eq()之后再加下标。(这两种了解,但一般不会使用)

 技术图片

 

 jq对象转原生,后面加下标,而不使用eq选取,或者在eq选取之后,在eq后面加下标,等价于get获取到的原生对象

技术图片

 

83.jquery的筛选与过滤

标签:通过   添加   jquery   直接   length   现在   first   参数   src   

原文地址:https://www.cnblogs.com/yzdwd/p/12863622.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!