选择器 jQuery选择器的使用

# id:根据元素的id属性获取元素

。class:根据元素的class属性获取元素

元素:根据名称获取元素

选择器1、选择器2:组选择器，可以同时匹配多个元素

示例代码:

同级兄弟，父子关系，祖孙关系

祖先(空)后代:选择当前元素的所有后代(不考虑层次)

母公司>。子元素:选择父元素下的所有子元素(仅一级，需要父子关系)

上一个下一个:选择紧邻当前元素的同级元素的下一个元素

上一级~同级:选择与当前元素直接相邻的所有同级元素

示例代码:

:first:选择索引为0的第一个元素，默认情况下索引从0开始

:last:选择索引最大的最后一个元素

:偶数:选择具有偶数索引的所有元素

:奇数:选择具有奇数索引的所有元素

:eq (index):根据元素的索引获取元素

:gt(索引):选择索引大于索引的所有元素

:lt(索引):选择索引小于索引的所有元素

:not(选择器):选择指定选择器以外的元素

示例代码:

:包含(文本):匹配包含指定文本的元素

:空:将元素与内容匹配空

:has(选择器):将元素与指定的选择器匹配

:parent:将元素与子元素(子元素或文本)匹配，并匹配内容不是空的元素

示例代码:

:隐藏:匹配所有隐藏元素(显示:无)

:可见:匹配所有可见元素

示例代码:

[属性]:用指定的选择器匹配元素

[属性=值]:匹配具有指定属性值的元素

[属性！=value]:匹配属性值不等于值的元素

[属性=值]:匹配属性值以值开头的元素

[属性$ = value]:匹配属性值以value结尾的元素

[属性* =值]:匹配属性值包含值的元素

[属性1][属性2][属性1]:同时匹配具有多个属性的元素

示例代码:

:第n个子元素(index/偶数/奇数):根据子元素的索引获取元素，默认索引从1开始

:first-child:匹配第一个子元素

:last-child:匹配最后一个子元素

:only-child:如果子元素是唯一的子元素，则匹配

示例代码:

:输入:匹配所有表单元素，包括(选择下拉列表和文本区域文本字段)

:文本:匹配所有文本框

:密码:匹配所有密码框

:单选:匹配所有单选按钮

:复选框:匹配所有复选框

:提交:匹配所有提交按钮

:重置:匹配所有重置按钮

:图像:匹配所有图像字段

:按钮:匹配所有按钮按钮

:文件:匹配所有文件字段

:隐藏:匹配所有隐藏的表单

示例代码:

:enabled:匹配所有可用的表单元素

:disabled:匹配所有不可用的表单元素，

:选中:匹配选定的表单元素(单选或复选框)

:选定:匹配下拉框中选定的表单元素

示例代码:

【IT技术之家-IT科技综合-文章版权声明】

除非另有说明，本文版权归【IT科技之家-IT科技综合】。如转载请注明出处。

请关注更多文章:itkeji综合