| // $('ul p').css('background','red'); |
| /* 子级选择器 */ |
| // $('ul > p').css('background','red'); |
| // $('li > p').css('background','red'); |
| |
| /* 相邻选择器用来选取紧邻目标元素的下一个元素 */ |
| // $('p+li').css('background','red'); |
| |
| /* 同辈选择器用来选取目标元素之后的所有同辈元素 */ |
| // $('p ~ li').css('background','red') |
| 属性选择器可以根据是否包含某属性来选取元素 */ | |
| ------------------------ | ---------------------------------------------- |
| /* []表示属性 选取属性是href的a标签 */ |
| // $('a[href]').css('color','red') |
| |
| /* 根据属性的值来选取元素 */ |
| // $('a[class=a1]').css('color','red') |
| |
| /* 选取不等于属性是某个特定值的元素 */ |
| // $('a[class!=a1]').css('color','red') |
| |
| /* 指定属性值以指定值开头的元素 */ |
| // $('a[href^=www]').css('background','red') |
| /* 指定属性值以指定值结尾的元素 */ |
| // (′a[href('a[href(′a[href=com]').css('background','red') |
| |
| /* 指定属性值包含指定值的元素 */ |
| // $('a[href*=baidu]').css('background','red') |