1、比如我们要得到或者获取到这个div元素。
2、我们就可以这样做,使用$("div"),这就是直接通过元素名来获取,注意要加引号哦。
3、或者你可以给元素添加类,如图,我就加了一个bd类。
4、然后我们这样$("bd")也是可以得到div元素的哦,注意类名是需要一个点的哦。
5、此外,id也是一个不错的方法,不过id只能有一个,不能重名哦。
6、jQuery中id要加#号才会有效哦。
7、最后我就整理好jQuery一些比较常用的获取元素的方法。
1、查找子元素方式1:>\x0d\例如:var aNods = $("ul > a");查找ul下的所有a标签\x0d\2、查找子元素方式2:children()\x0d\3、查找子元素方式3:find()\x0d\\x0d\通过下标获取第n个子标签的ID值\x0d\\x0d\1var num1=$("ul > a:eq(0)")attr("ID");\x0d\2var num2=$("ul")children("a:eq(0)")attr("ID");\x0d\3var num3=$("ul")find("a:eq(0)")attr("ID");
下面写个例子来获取id为demo的元素的第一个子元素。
<!--加载jquery--><script src=";
说明一下以上例子中用到选择器
#demo是id选择器获取id为demo的元素
>是子选择器获取所有子级
:first是首项选择器获取第一个元素
三者结合起来就是获取id为demo的元素的所有子元素中的第一个元素。
其实jquery的选择器有很多,包括:
:last获取最后一个元素
:eq(index)获取第index个选择器
更多可以直接百度搜索“jquery选择器”来查看。
1、siblings(),可以返回元素的所有同胞元素。
2、next(),可以获取到当前元素的下一个同胞元素。
3、nextAll(),可以获取到当前元素的所有跟随的同胞元素。
4、nextUntil(),可以获取到介于两个元素之间的所有跟随的同胞元素。
5、prev(),可以获取到当前元素的前一个同胞元素。
6、prevAll(),可以获取到当前元素的所有之前的同胞元素。
7、prevUntil(),可以获取到介于两个元素之间的所有之前的同胞元素。
可以使用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如何获得div下的元素全部的内容,包括:Jquery如何获得div下的元素、jquery怎么获取标签的子标签、jquery如何获取第一个子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)