2.2.判断dom是否为空 js 直接判断 jQuery if( $('#id').length )
if( $('#id').length > 0 )
if( $('#id')[0] )
if( $('#id').get(0) )
2.3.选择器
2.3.1 基础选择器
#id
.class
h1
*
选择器1 ，选择器2 ，选择器3
2.3.2 层次选择器（关系）
空格
>
+ next()
~ nextAll()
2.3.3 过滤选择器
1.基本的过滤选择器
:first
:last
:not('选择器')
:even 偶数
:odd 奇数
:eq(数) 第几个 index 从0
:gt(数) 大于index的 对象
:lt(数) 大于index的 对象
:header 标题 h1 . h2 , h3 ...
:animated ****正在执行动画的*****
:focus 获取焦点的(表单元素)
2.内容过滤选择器
:contains(text) 选取含有内容 = “text” 的元素
:empty 空元素
:has( selector ) 有 （。。。。）的元素
:parent 与empty相反 选取有内容 或 子元素
3.可见性 过滤选择器
:hidden 不可见 隐藏域<input type="hidden"/> display:none visibility:hidden
:visible 可见
4.属性的过滤选择器
[属性]
[属性=值]
!= 属性的值 不等于 XXX
^= 属性的值 以 xxx 开始
$= 属性的值 以 xxx 结束
*= 属性的值 包含 xxx
|= 属性的值 等于 xxx 或者 以xxx为前缀的
~= 选择属性的值
[属性][属性][属性N] 满足多个属性条件的
5.子元素 过滤选择器
:nth-child( index / even / odd/ 表达式 )
:nth-child(1) 选取每个父元素下的 索引=1的 与:eq(1) 不同
:nth-child(even) :even 偶数
:nth-child(odd) :odd 奇数
:nth-child(2n) 2的倍数 :even 偶数
:nth-child(3n) 3的倍数 :nth-child(3n + 0)
:nth-child(3n+1) 3的倍数 +1
:nth-child(3n-1) 3的倍数 -1
:first-child 选取的是每一个父元素下的 第一个子元素 与 :first 区别
:last-child 选取的是每一个父元素下的 最后一个子元素 与 :last 区别
:only-child 选取的是每一个父元素下的 唯一 一个子元素
6.表单对象属性 过滤选择器
:disabled 选择禁用 <input disabled />
:enabled 可以使用 表单元素 没有 disabled 属性
:checked 被选中的(单选和多选 )
:selected 被选中项 （下拉菜单） $("select option:selected")
2.3.4 表单选择器
:input 选取 input textarea select button（ 表单元素 ）
:text 选取 单行文本输入框 <input type="text" />
:password 选取 密码输入框 <input type="password" />
:radio 选取 单选按钮 <input type="radio" />
:checkbox 选取 多选按钮 <input type="checkbox" />
:submit 选取 提交按钮 <input type="submit" /> <button type="submit"></button>
:reset 选取 重置按钮 <input type="reset" /> <button type="reset"></button>
:button 选取 重置按钮 <input type="button" /> <button type="button"></button>
:file 选取 上传域 <input type="file" />
input:hidden 选取 隐藏域 <input type="hidden" />
2.5 选择中的注意事项
1.选择器中含有 特殊字符 . # () []
在写 jQuery选择器的时候 加 \\
例如：
<div class="name.aaa#bbb(ccc)ddd[eeee]"></div>
$('.name\\.aaa\\#bbb\\(ccc\\)ddd\\[eeee\\]')
2.属性选择器@符号问题 （历史问题）
3.选择是否有空格问题。
$('.aaa .bbb')
$('.aaa.bbb')
return false ; 可以阻止 a链接 和 提交按钮的 默认动作