jquary 选择器复习

jquery重点复习---选择器

1、选择器作用？---选择jquery要操作的对象


基本
#id      $("#box")
element  $("li")
.class   $(".blue")
*        $("#box *")
selector1,selector2,selectorN $("#box *,li,.blue")


层级  ---根据元素之间的层次关系
ancestor descendant   后代选择器，选择，祖先的所有后代（子子孙孙都选择）
parent > child        子选择器，只选择子级
prev + next           紧邻选择器，只选择紧接的兄弟元素  next()
prev ~ siblings       后面兄弟选择器                    nextAll()
选择前后兄弟-----siblings()

基本---过滤
:first ---第一个（只有）
:last     最后一个
:not(selector)   非匹配
:even       偶数  从0 开始
:odd        奇数
:eq(index)  按index索引值来选择，从0 开始
:gt(index)  大于index
:lt(index)  小于index
:header      h1~h6
:animated   所有正在执行的动画

内容
:contains(text)   包含文本内容
:empty               空的元素，没有文本内容与子元素
:has(selector)    包含有指定的子元素
:parent           含有子元素

可见性
:hidden  选择隐藏
:visible

属性
[attribute]        含有指定属性名称的元素
[attribute=value]   属性值等于指定的值
[attribute!=value]  值不等
[attribute^=value]  值是以什么开头
[attribute$=value]  值是以什么结尾
[attribute*=value]  值包含什么的
[attrSel1][attrSel2][attrSelN]  多个条件


子元素
:nth-child  根据索引来选择相应子元素
:first-child  所有匹配元素的第一个子元素
:last-child   最后一个
:only-child   只含有一个


表单
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden


表单对象属性
:enabled
:disabled
:checked
:selected




二、展开菜单----思路是根据，菜单的当前显示与隐藏状态

html标签

<div></div>----元素

<div>内容</div>---文本

 <div id="box">内容</div>---属性