jquery怎么改变img的src

jquery怎么改变img的src,第1张

1 jQuery修改img的src的方法:

$("#img_id").attr("src","new_src")

2 此语句的功能是:修改id为img_id的src属性为新的src属性.。。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>js修改img实现灯泡开关效果</title>

</head>

<body>

<script>

function changeImage()

{

element=document.getElementById('myimage')

if (element.src.match("bulbon"))

{

element.src="/images/pic_bulboff.gif"

}

else

{

element.src="/images/pic_bulbon.gif"

}

}

</script>

<img id="myimage" onclick="changeImage()"

src="/images/pic_bulboff.gif" width="100" height="180">

<p>点击灯泡就可以打开或关闭这盏灯</p>

</body>

</html>

上面是用JS实现的更换图片效果!

下面是用jQuery来更换img的src

$("#img_id").attr("src","new_src")

此语句的功能是:修改id为img_id的src属性为新的src属性。

希望对您有所帮助,望采纳!


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

原文地址: http://outofmemory.cn/tougao/11101264.html

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

发表评论

登录后才能评论

评论列表(0条)

保存