更新时间:2022-01-11 14:18:26
过滤选择器(自定义选择器)
目的:更复杂处理的选择,是jquery自定义的,不是css3中的选择器。
语法:jquery的过滤选择器借鉴了css中伪类的语法,即选择器以冒号(:)开始。
jquery常用的过滤选择器
选择器 说明
:animated 所有处于动画中的元素
:button 所有按钮,包括input[type=button]、input[type=submit]、input[type=reset]和<button>标记
:checkbox 所有复选框,等同于input[type=checkbox]
:checked 选择被选中的复选框或单选框
:contains(characters) 选择所有包含了文本"characters"的元素
:disabled 页面中被禁用了的元素
:enabled 页面中没有被禁用的元素
:file 表单中的文件上传元素,等同于input[type=file]
:header 选中所有标题元素,例如<h1>~<h6>
:hidden 匹配所有的不可见元素,例如设置为display:none的元素或input元素的type属性为“hidden”的元素
:image 表单中的图片按钮,等同于input[type=image]
:input 表单输入元素,包括<input>、<select>、<textarea>、<button>
:not(filter) 反向选择
:parent 选择所有拥有子元素(包括文本)的元素,即除空元素外的所有元素
:password 表单中的密码域,等同于input[type=password]
:radio 表单中的单选按钮,等同于input[type=radio]
:reset 表单中的重置按钮,等同于input[type=radio]和button[type=reset]
:selected 下拉菜单中的被选中项
:submit 表单中的提交按钮,包括input[type=submit]和button[type=submit]
:text 表单中的文本域,等同于input[type=text]
:visible 页面中的所有可见元素
举例:以否定选择器举例【:not(.some-class)不包含some-class类的元素】
给网页中除第一个p元素之外的所有p元素添加背景色。