jquery知识点总结-----javaScript和jquery选择器对比

js 原始选择器有哪些

• getElementById（） id选择器
• getElementsByName（） name选贼器
• getElementsByTagName（） 标签名选择器
• getElementsByClassName （） 类型选择器

只有第一个是返回单个ID的对象
其他三个都是返回结果集，需要下表才能获取结果集，而且拥有长度属性

高级选择器

id用#，class用. ,标签直接写进括号
支持Jquery的类型和属性选择器。
- querySelector（） 返回括号里面指定返回的元素
- querySelectorAll()[] 返回所有符合括号中匹配的元素的结果集

高级选择器有一个明显的缺点就是浏览器的版本兼容问题。
IE8以下的都不能使用。

根据个人的小总结和网上的参考内容，做出了以下的分类：

表单选择器（有时比较常用，而且也比较容易遗忘）

• :input
• :text
• :password
• :radio
• :checkbox
• :submit
• :reset
• :button
• :image
• :file
  都是根据表单中input 的type属性决定的

状态选择器

• :enabled 所有激活，能使用的选择器
• :disabled 所有禁用的选择器
• :selected 所有被选取的元素,用于下拉框
• :checked 所有被选中的元素,用于多选和单选,相同名字的checkbox

容易被遗忘的位置选择器

• :first 第一个
• :last 最后一个
• :even 所有偶数
• :odd 所有奇数
• :gt() 大于括号中的数字以上的
• :It 小于括号中的数字以下的
• :not 排除所有不符合条件的

属性选择器

• :contains(text) 属性中存在指定字符串的
• :empty 属性中字符串都是空的
• :hidden 找到隐藏的
• :visible 找到没有隐藏的
  -：animated 存在动画效果的
• [] 包含括号中的元素的
• [ = ] 括号中属性值判断
• [ ！= ] 括号中属性值判断
  -［＄＝］　以某个元素结尾的　

特殊选择器

－　ｓ１，ｓ２，ｓ３　找到所有匹配符合的元素
－　＊
－　ｉｄ
－　ｃｌａｓｓ
－　标签