jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配 模糊匹配

标签：

指定元素中包含 id 属性的, 如: $("span[id]") 

指定元素中不包含 id 属性的, 如: $("span:not(span[id])") 或 $("span:not([id])") 

包含 id 属性的, 如: $("body [id]") 

符合元素值的, 如: $("span[name=‘S2‘]") 

不符合元素值的, 如: $("span[name!=‘S2‘]") 

元素值开头是?, 如: $("span[name^=‘S‘]") 

元素值结尾是?, 如: $("html [name$=‘1‘]") 

元素值包含?, 如: $("body [name*=‘x‘]") 

多个属性条件, 如(有 id 且 name 开始是 "D"): $("body [id][name^=‘D‘]") 

查找包含 "AB" 的 span: $("span:contains(‘AB‘)") 

从 div 中查找包含 "AB" 的 span: $("div span:contains(‘AB‘)") 

查找包含 的 span: $("span:has(‘b‘)") 

查找空的 span: $("span:empty") 

查找非空的(也就是作为父元素的) span: $("span:parent") 

:hidden 与 :visible 分别对应隐藏与显示的元素; 下例让已显示的变红, 让隐藏的显示为灰色. 

表单匹配: 
:input 匹配: 
<input ... /> 
<select></select> 
<textarea></textarea> 
<button></button> 

:text 匹配 <input type="text" /> 
:password 匹配 <input type="password" /> 
:radio 匹配 <input type="radio" /> 
:checkbox 匹配 <input type="checkbox" /> 
:submit 匹配 <input type="submit" /> 
:reset 匹配 <input type="reset" /> 
:image 匹配 <input type="image" /> 
:file 匹配 <input type="" /> 
:button 匹配 <button></button> 
:enabled 匹配 所有可用的 input 元素 
:disabled 匹配 所有不可用的 input 元素 
:checked 匹配 所有选中的被选中复选框、单选框 
:selected 匹配 所有选中的 option 元素

按姓名匹配 
1,name前缀为aa的所有div的jquery对象 

Js代码  

1. $("div[name^=‘aa‘]");  

2,name后缀为aa的所有div的jquery对象 

Js代码  

1. $("div[name$=‘aa‘]");  

3,name中包含aa的所有div的jquery对象 

Js代码  

1. $("div[id*=‘aa‘]");  

以上返回的都是jquery的集合对象，因此都可以用 

Java代码  

1. .each(function(i){  
2.   
3. });  

进行遍历 

下面的格式可用于集合，也可以用于匹配单个jquery对象 
1,

Js代码  

1. $("tag:type[tagattribute=‘xx‘]");  

例如: 

Js代码  

1. $("input:text[name=‘xx‘]")  

jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配 模糊匹配

标签：

原文地址：http://www.cnblogs.com/sdj89/p/4179541.html