一、认识jQuery
二、jQuery选择器
¥基本选择器:元素选择器、id选择器、类选择器、集合选择器。
¥层次选择器:后代元素、子元素、兄弟元素、所有兄弟元素。
$("a b")、$("a>b")、$("a+b")和$("a").next("b")、
$("a~b")、
¥过滤选择器:
¥¥基本过滤选择器:
$("a:first")、$("a:last")、
$("a:not(.class)")、
$("a:even")、$("a:odd")、
$("a:eq(1)")、$("a:gt(2)")、$("a:lt(3)")
$("a:header")、$("a:animated")、
¥¥内容过滤选择器:
$("a:contains('我')")//文本含有我的元素
$("a:empty")//没有内容和子元素的元素
$("a:has(p)")//含有p元素的元素
$("a:parent")//拥有子元素的元素
¥¥可见性过滤器:
$("a:hidden")
$("a:visible")
¥¥属性过滤器:
$(div[title=test]、$(div[title]
¥¥子元素过滤选择器:
$(div:nth-child(2))//第二个子元素
$(div:nth-child(even))、$(div:nth-child(odd))//奇数偶数个
$(div:first-child)、$(div:last-child)
$(div:only-child)//有一个子元素才匹配
¥¥表单对象过滤器
$(input:enable)、$(input:disable)
//<input disabled="disabled">
$(input:checked)
//<input type=checkbox checked="checked">
$(input:selected)
//<select><option selected="selected"></></>
¥¥表单选择器
$(a:input)//注意与$(a input)的不同
$(a:text)//所有单行文本框
$(a:password)
$(a:radio)、$(a:checkbox)、$(a:submit)、$(a:button)、
$(a:hidden)