JQuery快速入门-选择器

JQuery选择器

JQuery 选择器继承了CSS 与Path 语言的部分语法，容许经过标签名、属性名或内容对DOM 元素进行快速、准确的选择，而没必要担忧浏览器的兼容性，经过jQuery 选择器对页面元素的精准定位，才能完成元素属性和行为的处理。

1、选择器的优点

代码更简单

$(function(){
    $("#tbStu tr:nth-child(even)").addClass("trOdd");
})

　　上面代码若是使用原生JavaScript实现的话：一、获取元素列表；二、经过if判断%2的元素改变样式。而JQuery则能够用链式方法直接获取元素并设置样式，简洁明了。

弱检测机制

JavaScript原生态实现时，元素找不到时页面会报错而不执行；可是JQuery实现时，元素找不到不会报错。

 

2、JQuery选择器类型

JQuery选择器就是在HMTL文档里面选择到想要操做的元素，因此定位元素很是重要，也是JQuery的主要工做内容。只有有了对象后，才能对其操做。

JQuery选择器分为：

• 基本选择器
• 层次选择器
• 表单选择器
• 过滤选择器

1. 简单过滤选择器
2. 内容过滤选择器
3. 可见性过滤选择器
4. 属性过滤选择器
5. 子元素过滤选择器
6. 表单对象属性过滤选择器

一、基本选择器（id、class、元素、多个选择器）

 

二、层次选择器（全部后代、全部子元素、向后的第一个邻居、向后的全部兄弟、上下全部兄弟）

 

三、表单选择器（input、文本框、密码框、单选框、多选框、图像、文件、提交按钮、重置按钮、普通按钮）

 

 四、过滤选择器（序号过滤、内容过滤、属性过滤、子元素过滤、表单对象过滤）