获取baiclass='aaa'DIV元素:zhi$('.aaa')
$("#aaa>div.aaaaaa")
获取父元素id为BBB,类为aaaaaa的元素:$("# BBB >.aaaaaa")
JQuery元素选择器:
JQuery使用CSS选择器来选择HTML元素。
$("p"):选择
元素。
$("p。):选择全部
类=“介绍”的元素。
$("p#demo"):选择全部
元素id=“演示”。
扩展资料:
注意事项:
jQuery属性选择器:
jQuery使用XPath表达式来选择带有给定属性的元素。
$("[href]")选取所有带有href属性的元素。
$("[href='#']")选取所有带有href值等于"#"的元素。
$("[href!='#']")选取所有带有href值不等于"#"的元素。
$("[href$='.jpg']")选取所有href值以".jpg"结尾的元素。
两种方式:
1. $(this).closest('.xxx');
closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。
示例:
<ul class="xxx">
<li><b>Click me!</b></li>
<li class="xxx">You can also <b id="thisTarget">Click me!</b></li>
</ul>
$('#thisTarget').closest('.xxx'); //返回 [li.xxx]
2. $(this).parents('.xxx');
parent不会检查当前元素,向上查找到符合筛选条件的所有匹配,有可能会返回多个值,用上边例子修改一下:
var xxx = $('#thisTarget').parents('.xxx'); //返回 [li.xxx, ul.xxx]
xxx = xxx.first(); //取第一个