【转】jquery笔记之属性选择器 查找以某种条件开头的页面元素

转自http://www.blogbus.com/public/tb.php/5734783/78340326/bb08a7032f23d19243c997a6192f9ba0

$("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 元素。

时间： 2024-12-26 20:02:38

【转】jquery笔记之属性选择器 查找以某种条件开头的页面元素的相关文章

jquery笔记之属性选择器 查找以某种条件开头的页面元素

jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]")                查找所有含有 id 属性的div元素. $("div[id='ajaxa']")        查找 id 为 ajaxa 的 div 元素. $("div[id!='ajaxa']")       查找 id 不为 ajax

jquery选择器之属性选择器

[attribute]   匹配指定属性名的所有元素 [attribute=value] 匹配给定的属性名是某个特定值的属性 [attribute!=value] 匹配给定的属性名不是某个特定值的属性 [attribute^=value] 以开头 [attribute$=value] 以结尾 [attribue*=value] 给定的属性包含某些值的元素 [selector1][selector2][selectorN] 复合选择器,需要同是满足所有条件 HTML示例代码 <!DOCTYPE h

jquery的一些属性选择器

td:contains(Henry)选择td里面所有class为Henry的元素 .siblings()选择相同dom层次的所有其他元素,例如 <ul> <li>第一个</li> <li>第二个</li> <li>第三个</li> <li>第四个</li> <li>第五个</li> </ul> $("ul li:eq(3)").css(&quo

JQuery中的id选择器含有特殊字符时，不能选中dom元素的解决方法

1.jquery类库在我们实际项目中用的很多,大家经常需要根据控件的id,获取对应的html元素.但是:当id含有特殊字符的时候,是不能选中的. 2.自己简单的测试了下,jquery的id选择器只支持,单词.阿拉伯数字.下划线.中划线.其中单词,包括英文字母.汉字,但是控件id属于客户不可见内容,实际中开发人员是不用汉字作为id的,这里不考虑. 3.自己写了一个工具方法,开人人员只要将id转义后,jquery就能选中了,不用再考特殊字符的问题.代码是基于jquery1.6版本. function

JQuery中的id选择器含有特殊字符时，不能选中dom元素

1.jquery类库在我们实际项目中用的很多,大家经常需要根据控件的id,获取对应的html元素.但是:当id含有特殊字符的时候,是不能选中的 2.jquery的id选择器只支持,单词.阿拉伯数字.下划线.中划线.其中单词,包括英文字母.汉字,但是控件id属于客户不可见内容,实际中开发人员是不用汉字作为id的,这里不考虑

【前端开发系列】—— CSS3属性选择器总结

想想自己为什么要学CSS,作为一个开发过前端的人员来说,调试一个图片花了半天的时间,最后发现分隔符用错了,实在是一件很丢人的事情.因此,痛下决心来学习CSS,最近一周也会更新下相关的学习笔记. CSS3中使用了很多的属性选择器,通过这些属性选择器,可以根据我们自己的设计来定义元素的样式,制作精美的网页. 下面是CSS3的属性选择器的语法,及使用. 元素名字[元素类型=“类型名字”]:选择器名字{ 属性:值: 属性:值: } 在元素类型匹配时,就可以使用类似正则的匹配方法. [att=val] 指

CSS3属性选择器与(:not)选择器

一:css3属性选择器: img[alt]{ border:2px dashed #000; } 这个选择器会匹配页面标签中任何一个含有alt属性的图片标签. 还可以通过设定属性值来缩小匹配范围:如下代码: img[alt="atwi_oscar"]{ border:2px dashed #000; } css3的子字符串匹配属性选择器 (1)‘匹配开头’的属性选择器依法如下: Element[attribute^="value"],实例代码如下: img[alt^

4.[attribute!=value]属性选择器

与上一节介绍的[attribute=value]属性选择器正好相反,[attribute!=value]属性选择器的功能是获取不包含属性名,或者与属性名和属性值不相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示属性值. 例如,使用[attribute!=value]属性选择器,获取指定不包含属性名,或与属性名和对应值不同的全部<li>元素,并设置它们显示的文字颜色,如图所示: 在浏览器中显示的效果: 可以看出,使用$("li[

5.[attribute*=value]属性选择器

介绍一个功能更为强大的属性选择器[attribute*=value],它可以获取属性值中包含指定内容的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示对应的属性值. 例如,使用[attribute*=value]属性选择器,获取属性值中包含某一指定内容的全部<li>元素,并设置它们显示的文字颜色,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用$("li[title*='最']")属性选择器代码,获取了3个<