1.DOM对象和jQuery对象
DOM对象:通过javascript中的getElementById或者getElementByTagName获取到的结点元素。
jQuery对象:通过jQuery包装DOM对象后产生的对象
jQuery对象无法使用DOM对象的任何方法。
如何转换?
jQuery->DOM:使用[index]或get(index)
DOM->jQuery:用$()包装
2.层次选择器
$(“a b”):选取a元素里的所有b(后代)元素
$(“a>b”):选取a元素下的b(子)元素
$(“a+b”):选取紧接在a元素后的b元素(可以用next()方法来代替)
$(“a~b”):选取a元素之后的所有b元素(可以使用nextAll()方法来代替)
3.基本过滤选择器
:first
:last
:not(selecter)
:even
:odd
:eq(index)
:gt(index)
:lt(index)
:header
:animated
4.内容过滤选择器
:contains(text)
:empty
:has(selecter)
:parent
5.可见性过滤选择器
:hidden
:visible
6.子元素过滤选择器
:nth-child(index/odd/even/equation)
:first-child
:last-child
:only-child
prompt:
:nth-child(even)偶数
:nth-child(2)索引为2
:nth-child(3n)3的倍数(n从0开始)
notice:
:eq(index)只匹配一个元素,而:nth-child将为每个符合条件的父元素匹配子元素。同时,:nth-child(index)的index是从1开始,而:eq(index)是从0开始的。同理:first和:first-child、:last和:last-child也类似。
7.表单元素过滤选择器
:enabled
:disabled
:checked
:selected
[切]
支持~~顶顶~~~