在网页开发中,JQuery是一个十分常用的JavaScript库。它的选择器功能让人印象深刻。JQuery选择器可以帮助我们轻松地选取HTML元素,并对它们进行处理。

下面我们来总结一下JQuery选择器的分类:

1. 基础选择器- $(element)     选取指定元素- $(#id)         选取指定id属性的元素- $(.class)      选取指定class属性的元素- $(*)           选取所有元素2. 层次选择器- $(parent child)           选取指定父元素下的所有子元素- $(parent > child)         选取指定父元素下的所有直接子元素- $(prev + next)            选取指定元素后紧邻的元素- $(prev ~ siblings)        选取指定元素之后的所有兄弟元素3. 基本筛选器- $(:first)                 选取第一个元素- $(:last)                  选取最后一个元素- $(:even)                  选取所有偶数元素- $(:odd)                   选取所有奇数元素- $(:eq(index))             选取指定索引位置的元素- $(:gt(index))             选取指定索引位置之后的所有元素- $(:lt(index))             选取指定索引位置之前的所有元素4. 属性筛选器- $([attribute])            选取带有指定属性的元素- $([attribute=value])      选取指定属性值的元素- $([attribute!=value])     选取不带有指定属性值的元素- $([attribute^=value])     选取属性值以指定值开头的元素- $([attribute$=value])     选取属性值以指定值结尾的元素- $([attribute*=value])     选取属性值中包含指定值的元素5. 表单筛选器- $(:input)                 选取所有input、textarea、select、button元素- $(:text)                  选取所有type=text的input元素- $(:password)              选取所有type=password的input元素- $(:radio)                 选取所有type=radio的input元素- $(:checkbox)              选取所有type=checkbox的input元素- $(:submit)                选取所有type=submit的button元素- $(:image)                 选取所有type=image的input元素

以上就是JQuery选择器的一些常用分类。熟练掌握这些选择器,可以大大提高我们的开发效率,让我们的页面呈现更加精彩。

jquery选择器分类总结