jQuery选择器

jQuery 选择器

一、基本选择器
　　1. id选择器 #id
　　2. class选择器 .class
　　3. 元素选择器 element
　　4. * 匹配所有元素

//包含属性title的div元素
$("div[title]").css("background","green");
//包含属性title=text1的div元素
$("div[title=text1]").css("background","green");
//包含属性title!=text1的div元素(包含没有该属性的div元素)
$("div[title!=text1]").css("background","green");
//包含属性title值是以text开始的div元素
$("div[title^=text]").css("background","green");
//包含属性title值是以t1结束的div元素
$("div[title$=t1]").css("background","green");
// 包含属性title值包含t1的div元素
$("div[title*=t1]").css("background","green");
//多个属性过滤选择器并列使用
$("div[title$=t1][id]").css("background","green");

View Code

　　3.6 表单对象选择器
　　　　1. :enabled 匹配所有可用元素
　　　　2. :disabled 匹配所有不可用元素
　　　　3. :checked 匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)
　　　　4. :selected 匹配所有选中的option元素
四、表单选择器
　　1. :input 匹配所有 input, textarea, select 和 button 元素
　　2. :text 匹配所有的单行文本框
　　3. :password 匹配所有密码框
　　4. :radio 匹配所有单选按钮
　　5. :checkbox 匹配所有复选框
　　6. :submit 匹配所有提交按钮
　　7. :image 匹配所有图像域
　　8. :reset 匹配所有重置按钮
　　9. :button 匹配所有按钮
　　10. :file 匹配所有文件域

/*
css3选择器实现了jQuery选择器的大部分，不过兼容性不够，IE9+以上可以实现大部分 其他的新浏览器基本都可以实现
*/