jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1361字,纯文字阅读大概需要2分钟。
内容图文
指定元素中包含 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 分别对应隐藏与显示的元素; 下例让已显示的变红, 让隐藏的显示为灰色.
表单匹配:
:input 匹配:
:text 匹配
:password 匹配
:radio 匹配
:checkbox 匹配
:submit 匹配
:reset 匹配
:image 匹配
:file 匹配
:button 匹配
:enabled 匹配 所有可用的 input 元素
:disabled 匹配 所有不可用的 input 元素
:checked 匹配 所有选中的被选中复选框、单选框
:selected 匹配 所有选中的 option 元素
内容总结
以上是互联网集市为您收集整理的jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配全部内容,希望文章能够帮你解决jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。