首頁 > web前端 > js教程 > jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配_jquery

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

WBOY
發布: 2016-05-16 18:25:58
原創
1117 人瀏覽過

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

复制代码 代码如下:

AAA

BBB

CCC

DDD

EEE

FFF


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

AAA

BBB

CCC

DDD

EEE

FFF


包含 id 属性的, 如: $("body [id]")
复制代码 代码如下:

AAA

BBB

CCC

DDD

EEE

FFF


符合元素值的, 如: $("span[name='S2']")
复制代码 代码如下:

AAA

BBB

CCC

DDD

EEE

FFF


不符合元素值的, 如: $("span[name!='S2']")
复制代码 代码如下:

AAA

BBB

CCC

DDD

EEE

FFF


元素值开头是?, 如: $("span[name^='S']")
复制代码 代码如下:

AAA

BBB

CCC

DDD

EEE

FFF


元素值结尾是?, 如: $("html [name$='1']")
复制代码 代码如下:

AAA

BBB

CCC

DDD

EEE

FFF


元素值包含?, 如: $("body [name*='x']")
复制代码 代码如下:

AAA

BBB

CCC

DDD

EEE

FFF


多个属性条件, 如(有 id 且 name 开始是 "D"): $("body [id][name^='D']")
复制代码 代码如下:

AAA

BBB

CCC

DDD

EEE

FFF


查找包含 "AB" 的 span: $("span:contains('AB')")
复制代码 代码如下:

ABC

ABC



ABC

ABC




从 div 中查找包含 "AB" 的 span: $("div span:contains('AB')")
复制代码 代码如下:

ABC

ABC



ABC

ABC




查找包含 的 span: $("span:has('b')")
复制代码 代码如下:

ABC

ABC



ABC

ABC




查找空的 span: $("span:empty")
复制代码 代码如下:

ABC

ABC



ABC

ABC




查找非空的(也就是作为父元素的) span: $("span:parent")
复制代码 代码如下:

ABC

ABC



ABC

ABC




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







111

222

333

444



<script> <BR>$("div:visible").css("color", "red"); <BR>$("div:hidden").css("display", "").css("color", "silver"); <BR></script>

表单匹配:
:input 匹配:





:text 匹配
:password 匹配
:radio 匹配
:checkbox 匹配
:submit 匹配
:reset 匹配
:image 匹配
:file 匹配
:button 匹配
:enabled 匹配 所有可用的 input 元素
:disabled 匹配 所有不可用的 input 元素
:checked 匹配 所有选中的被选中复选框、单选框
:selected 匹配 所有选中的 option 元素
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板