有一段代码怎样用jquery获取里面的img src属性 代码要写在文件外部

有一段代码怎样用jquery获取里面的img src属性 代码要写在文件外部,第1张

首先你要先找出你的那个img标签然后在用jq的attr属性获取

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

img{width:30%;}

</style>

<script type="text/javascript" src="jqueryjs"></script>

<script type="text/javascript">

$(document)ready(function() {

var srcImg =$('img')attr('src');

alert(srcImg);

});

</script>

</head>

<body>

<img src="

</body>

</html>

结果

1、新建一个html文件,命名为testhtml。

2、在testhtml文件中,在p标签内,使用span标签创建一行文字,span标签是p标签的子标签。

3、在testhtml文件内,设置span元素的id为myspan,下面将使用jquery方法获得该id值。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获取子标签的ID值”。

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getspanid函数。

6、在js标签中,创建getspanid()函数,在函数内,通过元素名称获得p元素对象,使用children()方法获得p标签的子标签,再通过attr()方法来获得id值。最后,使用alert()方法将id值输出来。

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

工具原料:编辑器、jquery

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

<body>

<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、运行的结果如下:

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

以上就是关于有一段代码怎样用jquery获取里面的img src属性 代码要写在文件外部全部的内容,包括:有一段代码怎样用jquery获取里面的img src属性 代码要写在文件外部、jquery怎样获取动态增加的img标签的id、如何在jquery中找到一个div中的img属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9636601.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存