jquery 选择器 如何实用

作者:小小谷 | 创建时间: 2023-05-03
使用好jquery选择器,是学习jquery的基础。我们来一起看下有几种选择器可以学习: 1、元素择器 2、层叠选择器 3、过滤选择器 4、表单元素选择器 5、表单元素过滤选择器...
jquery 选择器 如何实用

元素择器

id选择器 $('#elementId')

元素选择器 $('div')  选择的div $('span')  选择的span $('table')  选择的table ........

类选择器 $('.className')

所有元素选择器 $('*')

联合元素选择器 $('#elementId','div','.className')

层叠选择器

选择所有的form元素中的input元素 $("form input")

选择id值为shiguang的所有的子元素 $("#shiguang > *")

同胞选择器 $("#prev_id ~ div")

下一节点选择器 $("label + input")

过滤选择器

偶数行选择器 $("tr:even")

奇数选择器 $("tr:odd")

等于选择器 $("td:eq(2)")

大于选择器 $("td:gt(4)")

小于选择器 $("td:ll(4)")

内容选择器 1、包含选择器 $("div:contains('见证时光')") 2、空选择器 $("td:empty") 3、内含选择器 $("div:has(p)") 4、父选择器 $("td:parent")

可见\隐藏选择器 $("div:visible") $("div:hidden")

属性过滤选择器 1、含有id的选择器 $("div[id]") 2、属性name等于 $("input[name='shiguang']") 3、属性name不等于 $("input[name!='shiguang']") 4、属性name以shiguang起始选择 $("input[name^='shiguang']") 5、属性name以shiguang结尾选择 $("input[name$='shiguang']") 6、属性name包含man $("input[name*='man']") 7、属性name结尾man $("input[id][name$='man']")

表单选择器 $(":input") $(":text") $(":password") $(":radio") $(":checkbox") $(":submit") $(":image") $(":reset") $(":button") $(":file") $(":hidden")

表单元素过滤选择器 $(":enabled") $(":disabled") $(":checked") $("select option:selected")

点击展开全文

更多推荐