当前位置:Gxlcms > JavaScript > jQuery获取对象根据属性、内容匹配,还有表单元素匹配_jquery

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

时间:2021-07-01 10:21:17 帮助过:7人阅读

指定元素中包含 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 分别对应隐藏与显示的元素; 下例让已显示的变红, 让隐藏的显示为灰色.
代码如下: