我们已经准备好了,你呢?

我们与您携手共赢,为您的企业形象保驾护航!

当前位置: 首页 > 百科知识问答 > Rarely Used jQuery Selectors

jQuery选择器是jQuery库中非常重要的一部分,它允许我们通过特定的语法来选取HTML文档中的特定元素,虽然大多数开发者都熟悉并经常使用常见的选择器,如ID选择器、类选择器和元素选择器,但jQuery还提供了一些不常用但非常有用的选择器。

(图片来源网络,侵删)

以下是一些你可能不知道的jQuery选择器:

1、属性选择器

$(element[attribute="value"]): 选取带有指定属性的元素。$("a[target=’_blank’]")会选择所有目标为"_blank"的<a>标签。

$(element[attribute]): 选取带有指定属性的元素,不考虑属性的值。$("a[target]")会选择所有有目标属性的<a>标签。

$(element[attribute^="value"]): 选取属性值以特定字符串开头的元素。$("a[href^=’http://’]")会选择所有href属性值以"http://"开头的<a>标签。

$(element[attribute$="value"]): 选取属性值以特定字符串结尾的元素。$("a[href$=’.pdf’]")会选择所有href属性值以".pdf"结尾的<a>标签。

$(element[attribute*="value"]): 选取属性值包含特定字符串的元素。$("a[href*=’google’]")会选择所有href属性值包含"google"的<a>标签。

2、表单选择器

$(":input"): 选取所有的输入元素,包括文本框、密码框、隐藏域、复选框、单选按钮、按钮和文件上传。

$(":text"): 选取所有的文本框。

$(":password"): 选取所有的密码框。

$(":radio"): 选取所有的单选按钮。

$(":checkbox"): 选取所有的复选框。

$(":submit"): 选取所有的提交按钮。

$(":button"): 选取所有的按钮元素。

$(":file"): 选取所有的文件上传框。

$(":enabled"): 选取所有启用的元素。

$(":disabled"): 选取所有禁用的元素。

$(":checked"): 选取所有被选中的元素。

3、内容筛选选择器

$(element:contains(text)):选取包含特定文本的元素。$("p:contains(‘Hello’)")会选择所有包含"Hello"的<p>标签。

4、可见性过滤选择器

$(element:visible):选取所有可见的元素。

$(element:hidden):选取所有隐藏的元素。

5、表单状态过滤选择器

$(element:enabled):选取所有启用的元素。

$(element:disabled):选取所有禁用的元素。

$(element:checked):选取所有被选中的元素。

$(element:selected):选取所有被选中的元素(主要用于<option>标签)。

免责声明:本站内容(文字信息+图片素材)来源于互联网公开数据整理或转载,仅用于学习参考,如有侵权问题,请及时联系本站删除,我们将在5个工作日内处理。联系邮箱:chuangshanghai#qq.com(把#换成@)

我们已经准备好了,你呢?

我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

132-7207-3477

上班时间

周一到周五 09:00-18:00

二维码
线