jquery选择器学习记录

jq选择器

基本选择器

/**id(?)  class(*)   tag(*)   all(*)   multi(*) */
$('#id') $('.mini') $('div') $('*') $('span', '#two')

层次选择器

/**后代(*)                    子女(*)               next(*)         后面所有同辈(*) */
$('ancestor descendant') $('parent > child') $('prev + next') $('prev ~ siblings')

• $(‘prev + next’)选择器与next()方法的等价关系
• $(‘prev ~ siblings’)选择器与nextAll()方法的等价关系

过滤选择器

基本过滤选择器

/**首个div(?) 最后个div(?)    非该选择器所有div(*)  偶数索引(*) 奇数索引(*)  */
:first         :last            :not(sector)        :even       :odd 

/** index相应(?) 大于index(*) 小于index(*) 选所有标题元素(*) 选所有正动画的元素(*) 获取焦点的(?) */
:eq(index)       :gt(index)   :lt(index)   :header            :animated           :focus

内容过滤选择器

/** 含有内容‘text’的div(*) 不含文本空div(*) 含有该选择器div(*) 含有子元素或文本的div(*) */
    :contains               :empty           :has(selector)         :parent

表单选择器

/**所有input textarea select button */
:input :text :password :radio :checkbox :submit :image :reset :button :file :hidden

---

tip
特殊字符用\\双斜杆
选择器带空格的注意事项 因为后代选择器与过滤选择器的不同

---

方法

show() 显示隐藏的匹配元素
css(name, value) 给元素设置样式
text(string) 设置所有匹配元素的文本内容
filter(expr) 筛选出与指定表达式匹配的元素集合,expr可以是多个选择器的组合
addClass(class) 为匹配的元素添加指定的类名
$category.is(’:visible’)

• document.getElementsBySelector() cssQuery() querySelectorAll()