jquery中获取当前dom元素的子元素的方法有很多，常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。
工具原料：jQuery、编辑器、浏览器
一、使用children()方法获得子元素
1、使用该方法获取子元素并设置子元素的字体为蓝色，代码如下：
<!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、运行的效果如下图：
二、使用find()方法获取子元素
1、使用fand()方法获取子元素并且进行选择器的筛选，代码如下图：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
</head>
<body>
<p><span>Hello</span>, how are you</p>
<p>Me I'm <span>good</span></p>
<script>
$("p")find("span")css('color','red');
</script>
</body>
</html>
2、运行的结果如下图：
<iframe id="iframeview1" name="iframeview1" src="LLnputjspisNew=0>"
frameborder="0" marginwidth="-10" scrolling="no">
</iframe>
你给iframe加个id和name使用起来不就方便了吗
jquery直接就$("#iframeview1")height(pageHeight);可以做相关设置了
$(data)find(“#page_nav a”)attr(“href”)
表示从data节点开始向内查找id为page_nav下的a标签，data必须是一个可供选择器选择的表达式，例如标签名、ID、Class等。
因此你可以这样写：$(“#page_nav a”)attr(“href”)或$(“#page_nav”)find("a")attr(“href”);
如果还是不行，你可以用firebug或chrome的开发人员工具，打断点或用consoledir输入你选择的对象，所有问题一目了然。
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery，编写问题基础代码。
2、在indexhtml中的<script>标签，输入jquery代码：
$('#a')html('<img src="' + $('#img1 img')attr('src') + '"/>');
3、浏览器运行indexhtml页面，此时成功选择到img1中的并显示在另一个div中。
query获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。
children()方法：获取该元素下的直接子集元素
find()方法：获取该元素下的所有子集元素
分别以以下HTML代码为例：<ul><li>list1<ul><li>list1-1</li><li>list1-2</li></ul></li><li>list2<ul><li>list2-1</li><li>list2-2</li></ul></li><li>list3<ul><li>list3-1</li><li>list3-2</li></ul></li></ul>
children()方法获取ul下面直接子集元素li：$("ul")children("li")
需要注意的是，如果li元素下还有li元素，children方法将不会被获取。我们可以用length来测试获取的个数“$("ul")children("li")length”，最后输出结果为3
find()方法获取ul下所有元素li：$("ul")find("li")
需要注意的是，find方法会无限循环查找ul标签节点下的li，一直找到没有为止，用length来测试获取个数“$("ul")find("li")length”，最后输出结果为9
children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。
以上就是关于jquery中如何获取当前DOM对象里的子元素全部的内容，包括:jquery中如何获取当前DOM对象里的子元素、重赏!!js如何获取子元素的object HTMLIFrameElement 对象、ajax的HTML用JQ的find找到子元素为空是为何等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）