过滤选择器
过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM元素,该选择器都以“:”开头
按照不同的过滤规则,过滤选择器可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤选择器.
基本过滤选择器
基本过滤选择器示例
改变第一个 div元素的背景色为 # bbffaa
改变最后一个 div元素的背景色为 # bbffaa
改变class不为 one的所有 div元素的背景色为 # bbffaa
改变索引值为偶数的 div元素的背景色为 # bbffaa
改变索引值为奇数的 div元素的背景色为 # bbffaa
改变索引值为大于 3的 div元素的背景色为 # bbffaa
改变索引值为等于 3的 div元素的背景色为 # bbffaa
改变索引值为小于 3的 div元素的背景色为 # bbffaa
改变所有的标题元素的背景色为 # bbffaa
改变当前正在执行动画的所有元素的背景色为 # bbffaa
内容过滤选择器
内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上
内容过滤选择器示例
改变含有文本 ‘di'的 div元素的背景色为 # bbffaa
改变不包含子元素(或者文本元素)的 div空元素的背景色为 # bbffaa
改变含有 class为 mini元素的 div元素的背景色为 # bbffaa
改变含有子元素(或者文本元素)的div元素的背景色为 # bbffaa
可见性过滤选择器
可见性过滤选择器是根据元素的可见和不可见状态来选择相应的元素
可见选择器 :hidden不仅包含样式属性 display为 none的元素,也包含文本隐藏域 (<input type=“hidden”>)和 visible:hidden之类的元素
可见性过滤选择器示例
改变所有可见的div元素的背景色为 # bbffaa
选取所有不可见的元素,利用 jQuery中的 show()方法将它们显示出来,并设置其背景色为 # bbffaa
选取所有的文本隐藏域,并打印它们的值
属性过滤选择器
属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素
属性过滤选择器示例
选取下列元素,改变其背景色为 # bbffaa
含有属性title的div元素.
属性title值等于"test"的div元素.
属性title值不等于"test"的div元素(没有属性title的也将被选中).
属性title值以"te"开始的div元素.
属性title值以"est"结束的div元素.
属性title值含有"es"的div元素.
选取有属性id的div元素,然后在结果中选取属性title值含有“es”的 div 元素.
子元素过滤选择器
nth-child() 选择器详解如下:
(1) :nth-child(even/odd):能选取每个父元素下的索引值为偶(奇)数的元素
(2):nth-child(2): 能选取每个父元素下的索引值为 2 的元素
(3):nth-child(3n): 能选取每个父元素下的索引值是 3 的倍数的元素
(3):nth-child(3n + 1):能选取每个父元素下的索引值是 3n + 1的元素
子元素过滤选择器示例
选取下列元素,改变其背景色为 # bbffaa
每个class为one的div父元素下的第2个子元素.
每个class为one的div父元素下的第一个子元素
每个class为one的div父元素下的最后一个子元素
如果class为one的div父元素下的仅仅只有一个子元素,那么选中这个子元素
表单对象属性过滤选择器
此选择器主要对所选择的表单元素进行过滤
表单对象属性过滤选择器示例
利用 jQuery对象的 val()方法改变表单内可用 <input>元素的值 利用 jQuery对象的 val()方法改变表单内不可用<input>元素的值
利用 jQuery对象的 length属性获取多选框选中的个数
利用 jQuery对象的 text()方法获取下拉框选中的内容
表单选择器
以上就是关于jQuery过滤选择器的全部内容了,十分的详尽,希望对小伙伴们有所帮助。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
- MatteoPasqualini-JohannSebastianBachItalienischesKonzertFranzsischeOuvertureVierDue
- 【雨果唱片】陈百强《梦里人LPCD45》2012[WAV+CUE]
- 《黑神话》纪录片9月20日上线!揭秘关卡为何删减
- 游戏科学估值已和育碧市值相当:后者有两万多名员工
- 黑神话第81周目Boss伤害有多恐怖?起手伤害直接秒
- 群星.2009-原班情歌2CD【SONY】【WAV+CUE】
- 群星.2024-长乐曲电视剧原声带【TME影音】【FLAC分轨】
- 群星.1993-烧得厉害VOL.1好戏好歌唱不停【滚石】【WAV+CUE】
- 那英《幸福的泪 磁性和爆发力完美展现 2CD》[WAV/分轨][600MB]
- 《宝丽金辉煌60年 女人篇3CD》[WAV+CUE][1.5G]
- 《年度十大发烧唱片精选 唱片榜获奖作品 2CD》[WAV/分轨][1GB]
- 归龙潮三枚天灯碎片位置在哪 笼律鸟任务天灯图文位置
- 归龙潮新手开荒阵容怎么搭配 新手前期阵容养成攻略
- 归龙潮中浦城区福鼠位置在哪 中浦城区福鼠收集位置大全
- MatteoPasqualini-JohannSebastianBachItalienischesKonzertFranzsischeOuvertureVierDue