jquery属性选择器详解

最新推荐文章于 2024-09-06 08:31:58 发布

原创最新推荐文章于 2024-09-06 08:31:58 发布 · 1.5w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #div #class

JQUERY 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了jQuery中属性选择器的使用方法，并通过实例解释了如何选取特定属性的元素，如[id], [id='ajaxa'], [id!='ajaxa'], [id^='ajaxa'], [id$='ajaxa'], [id*='ajaxa']等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是属性选择器呢？感觉理解起来有点难，举个例子就很容易明白了，<div id="ajaxa"></div>这里的id就是属性，这下就很容易理解了，

jquery的属性选择器分以下几种用法。

$("div[id]")                查找所有含有 id 属性的div元素。
$("div[id='ajaxa']")        查找 id 为 ajaxa 的 div 元素。
$("div[id!='ajaxa']")       查找 id 不为 ajaxa 的 div 元素。
$("div[id^='ajaxa']")       查找 id 以 ajaxa 开头的 div 元素。
$("div[id$='ajaxa']")       查找 id 以 ajaxa 结尾的 div 元素。
$("div[id*='ajaxa']")       查找 id 含 ajaxa 的 div 元素。
$("div[id^='ajaxa']")       查找 id 以 ajaxa 开头的 div 元素。
$("div[id][class='ajaxa']") 查找存在id属性并且类为ajaxa的 div 元素。