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 存在动画效果的

[] 包含括号中的元素的

[ = ] 括号中属性值判断

[ ！= ] 括号中属性值判断

-［＄＝］　以某个元素结尾的　

特殊选择器

－　ｓ１，ｓ２，ｓ３　找到所有匹配符合的元素

－　＊

－　ｉｄ

－　ｃｌａｓｓ

－　标签