
Jquery获取子元素的方法有2种,分别是children()方法和find()方法。
1children()方法:获取该元素下的直接子集元素
2find()方法:获取该元素下的所有子集元素
3children()方法获取ul下面直接子集元素li:$("ul")children("li")
4find()方法获取ul下所有元素li:$("ul")find("li")
5children和find的区别:children只会查找直接子集,而find会跨越层级查找,一直找到没有为止。
jQuery的元素选择器可以根据class选择元素。例如,获取class='aaa'的DIV元素的代码为:$("divaaa")
。下面提供一个具体的示例,HTML结构如下:
<div
id='a'><div
class='aaa'></div></div>
<div
id='b'><div
class='aaa'></div></div>
<div
id='c'><div
class='aaa'></div></div>
1、获取id为b的div下的aaa类元素
$("divaaa")获取的是所有的aaa类,如果限定为b元素下的aaa类,可以配合后代选择器使用,代码为:$("div#b
divaaa")
2、获取id为a或者c的div下的aaa类元素
如果需要获取多个不同类型的对象,可以使用逗号(,)分隔,所以相应代码为:
$("#a
aaa,
#c
aaa")
如:$("#textId")attr("width")是获取Id为textId的控件的width属性
$("className")attr("width")是获取包含class名为className的控件的width属性
$("[name=textName]")attr("width")是获取name为textName的控件的width属性
但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值
如:$("#textId")[0]width是取第一个控件的width属性
但也有写属性用attr取不到,也需要用角标的方式取得控件后在取属性!
JQ通过class取得元素是$("class")
请参考>
jquery通过任何选择器取得的对象都是jquery对象而不是JavaScript的dom对象不能用js的方法进行 *** 作 而需要使用jquery对象支持的方法 如果是通过class的话取得的是jquery对象数组
ps 如果想把jquery对象装换为js对象可以用以下方法
1 var obj = $('#xx')[0] 获得dom对象
2 对于数组
var obj = $('xx')each(function(){
alert(this)//这里 this获得的就是每一个dom对象 如果需要jquery对象 需要写成$(this)
});
获取对象后,调用如下方法:
function allPrpos(obj) {
// 用来保存所有的属性名称和值
var props = "";
// 开始遍历
for(var p in obj){
// 方法
if(typeof(obj[p])=="function"){
// obj[p]();
}else{
// p 为属性名称,obj[p]为对应属性的值
props+= p + "=" + obj[p] + ""t";
}
}
// 最后显示所有的属性
alert(props);
}
可以使用jQuery的children方法来获取某个元素下的所有子元素。
工具原料:编辑器、浏览器
1、使用children方法可以获得选择器下的所有子元素,代码实例如下:
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>
2、运行的结果是找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色,结果如下:
以上就是关于jquery如何获取当前元的子元素全部的内容,包括:jquery如何获取当前元的子元素、jquery 选择器 怎样获取class='aaa'的DIV元素、jquery怎么获得元素的属性id值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)