用children方法就好了。如:var list=$(ele)children();//获取所有子元素
$(ele)children()css('width','40px');//改变所有子元素的宽度
$(ele)children()prop('checked',true);//如果子元素是复选框或单选按钮,这样子元素就全部选中
$(function(){//相当天body的 onload,要等页页面加载完毕后才能找到iframe
$("#hong")contents()find("body")append("I'm in an iframe!");
});
</script>
<iframe width="1198" height="729" name="hong" id="hong" src="" scrolling="no" style="text-align:center"></iframe>
1、siblings(),可以返回元素的所有同胞元素。
2、next(),可以获取到当前元素的下一个同胞元素。
3、nextAll(),可以获取到当前元素的所有跟随的同胞元素。
4、nextUntil(),可以获取到介于两个元素之间的所有跟随的同胞元素。
5、prev(),可以获取到当前元素的前一个同胞元素。
6、prevAll(),可以获取到当前元素的所有之前的同胞元素。
7、prevUntil(),可以获取到介于两个元素之间的所有之前的同胞元素。
find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。
语法:find(selector) 参数selector 字符串值,包含供匹配当前元素集合的选择器表达式。
详细说明:
如
果给定一个表示 DOM 元素集合的 jQuery 对象,find() 方法允许我们在 DOM
树中搜索这些元素的后代,并用匹配元素来构造一个新的 jQuery 对象。find() 与 children() 方法类似,不同的是后者仅沿着
DOM 树向下遍历单一层级。
find() 方法第一个明显特征是,其接受的选择器表达式与我们向 $() 函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。
实例:
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、运行的结果如下图:
通过children方法,children("input:first-child")
1
2
$(this)children("input:first-child")val();
$(this)children("input:last-child")val();
通过>选择器,$("items>input:first")
在这里转一篇《jQuery选择元素的方法大全》>
比如说父节点的Id是xxx,里面有个子节点的yyy属性的值是zzz,则
$("#xxx [yyy=zzz]")
或者父节点已经获取到变量x中,则
$("[yyy=zzz]",x)
以上就是关于jquery怎样选取所有子元素全部的内容,包括:jquery怎样选取所有子元素、JQuery怎么获取子窗口的元素、jquery怎样获取一个元素下面相同子元素的个数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)