Rarely Used jQuery Selectors

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

Rarely Used jQuery Selectors
(图片来源网络,侵删)

以下是一些你可能不知道的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>标签)。

以上只是jQuery选择器的一部分,实际上jQuery提供了更多的选择器,可以帮助我们更有效地选取需要的元素,在编写JavaScript代码时,合理使用这些选择器可以大大提高我们的开发效率。

原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/484001.html

(0)
未希新媒体运营
上一篇 2024-04-17 06:15
下一篇 2024-04-17 06:17

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

云产品限时秒杀。精选云产品高防服务器,20M大带宽限量抢购  >>点击进入