选择器总结:
核心选择器(应用最广泛的选择器)
| * |
选择所有元素 |
| 元素 |
选择特定类型的元素 |
| .类名 |
选择具有特定class的元素 |
| 元素.类名 |
选择具有特定class的某类元素 |
| #id |
选择具有特定id属性值的元素 |
属性选择器(根据元素的属性来选择元素)
| [attr] |
选取定义了attr属性的元素,即使这个属性没有值 |
| [attr="val"] |
选取attr属性值等于字符串val的元素 |
| [attr^="val"] |
选取attr值以val开头的元素 |
| [attr$="val"] |
选取attr值以val结尾的元素 |
| [attr*="val"] |
选取attr值包含val的元素 |
| [attr~="val"] |
选取attr属性其中一个值是字符串val的元素 |
| [attr|="val"] |
选取attr属性等于字符串val,或属性值为连字符分割的值列表且第一个值为val的元素,如attr="val-aaa-bbb" |
| [selector1][selector2][selector3]... |
复合属性选择器,需要同时满足多个条件使用,属性选择器可以配合其他选择器使用 |
关系选择器
| <selector1> <selector2> |
在给定的祖先元素下匹配所有的后代元素 |
| <selector1>><selector2> |
在给定的父元素下匹配所有的子元素 |
| <selector1>+<selector2> |
匹配所有金姐在<selector1>元素右面的<selector2> |
| <selector1>~<selector2> |
匹配<selector1>元素的所有同辈<selector2>元素 |
JQuery选择器
原文:http://www.cnblogs.com/yw0219/p/5928955.html