Jquery如何获得div下的元素

1、比如我们要得到或者获取到这个div元素。

2、我们就可以这样做，使用$("div")，这就是直接通过元素名来获取，注意要加引号哦。

3、或者你可以给元素添加类，如图，我就加了一个bd类。

4、然后我们这样$("bd")也是可以得到div元素的哦，注意类名是需要一个点的哦。

5、此外，id也是一个不错的方法，不过id只能有一个，不能重名哦。

6、jQuery中id要加#号才会有效哦。

7、最后我就整理好jQuery一些比较常用的获取元素的方法。

<script>

var father=documentgetElementById("father")

var div=fathergetElementsByTagName("div")[0]

a()

function a(){

var ary=[]

var b=divnextElementSibling

while (b){

arypush(b)

b=bnextElementSibling

}

consolelog(ary)

}

</script>

假设HTML结构如下：

<div class="parent">

    <div id="child1"></div>

    <div id="child2"></div>

</div>

则对应的JS代码为：

var child1 = documentgetElementById('child1'),

    child2 = documentgetElementById('child2');

var height = Mathmax(child1offsetHeight, child2offsetHeight);

child1parentNodestyleheight = height + 'px';

两种方式：

第一种纯js，使用递归：

<script>

/

第一个参数为页面元素对象或者数组

第二个参数为回调函数回调函数默认传递一个函数，即当前对象

/

function Each(obj,fun){

if('function'!==typeof(fun) || !obj){

return false;

}

if('undefined'!==typeof(objlength)){

for(var i=0;i<objlength;i++){

var o=obj[i];var r=fun(o)||true;

if(r===true){

r=Each(ochildren,fun);

if(!r) return false;

}

}

}else{

var r=fun(obj)||true;

if(r===true){

r=Each(objchildren,fun);

if(!r) return false;

}

}

}

</script>

用法：

//

Each(documentgetElementsByTagName("body"),function(obj){

if(objnodeName==="UL")//obj为当前遍历到的对象

return false;//如果返回false就会停止遍历

alert(objnodeName);

});

第二种方法，使用jquery:

$("body ")each(function(i, obj){

alert( "Item #" + i + ": " + obj );

});

以上就是关于Jquery如何获得div下的元素全部的内容，包括:Jquery如何获得div下的元素、兄弟们！怎么用JS JS JS 获取当前元素的第一级子元素、JS jq 获取两个子元素高度 判断最大值赋值给父元素 动态加载的 怎麽弄等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！