如何在jquery中找到一个div中的img属性

使用jquery找到一个div中的img元素的方法可以使用选择器结合find()方法来实现。

工具原料：编辑器、jquery

1、解决的思路是先使用选择器选择div，然后使用find()方法查找div里的img元素，代码示例如下：

<div id="div1">

<img src="1jog">

<a href="#"><img src="2jpg"></a>

</div>

<script>

$(function(){

var res = $('#div1')find('img');

consolelog(res);

})

</script>

</body>

2、运行的结果如下：

注意：也可以使用子元素选择器等方法获取某个容器内的所有指定元素。

var _w = parseInt($(window)width());//获取浏览器的宽度

$("new_mess_c img")each(function(i){

var img = $(this);

var realWidth;//真实的宽度

var realHeight;//真实的高度

//这里做下说明，$("<img/>")这里是创建一个临时的img标签，类似js创建一个new Image()对象！

$("<img/>")attr("src", $(img)attr("src"))load(function() {

/

如果要获取的真实的宽度和高度有三点必须注意

1、需要创建一个image对象：如这里的$("<img/>")

2、指定的src路径

3、一定要在加载完成后执行如load()函数里执行

/

realWidth = thiswidth;

realHeight = thisheight;

//如果真实的宽度大于浏览器的宽度就按照100%显示

if(realWidth>=_w){

$(img)css("width","100%")css("height","auto");

}

else{//如果小于浏览器的宽度按照原尺寸显示

$(img)css("width",realWidth+'px')css("height",realHeight+'px');

}

});

});

<div class="test">

    <img src="testjpg"/>

</div>$(function(){

  var url = $('test img')attr("src");

  alert(url);

});

jQuery的attr属性可以返回元素属性，如上代码所示

attr(name|preperties|key,value|fn)详解

参数

name :属性名称

properties:作为属性的"名/值对"对象

key,value：属性名称

fn:调用函数

$("img")each(function(){\x0d\ alert($(this)attr("src"));\x0d\ });\x0d\直接用img标记就可以了。取得img的属性的值就用attr方法。\x0d\既然你用jQuery，就要把jQuery的选择器弄明白，jQuery的选择器可是很强大的。

以上就是关于如何在jquery中找到一个div中的img属性全部的内容，包括:如何在jquery中找到一个div中的img属性、jQuery有没有获取img图片实际尺寸的方法、jquery如何获取图片的路径。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！