<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js修改img实现灯泡开关效果</title>
</head>
<body>
<script>
function changeImage()
{
element=documentgetElementById('myimage')
if (elementsrcmatch("bulbon"))
{
elementsrc="/images/pic_bulboffgif";
}
else
{
elementsrc="/images/pic_bulbongif";
}
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboffgif" width="100" height="180">
<p>点击灯泡就可以打开或关闭这盏灯</p>
</body>
</html>
上面是用JS实现的更换效果！
下面是用jQuery来更换img的src
$("#img_id")attr("src","new_src");
此语句的功能是：修改id为img_id的src属性为新的src属性。
希望对您有所帮助，望采纳！
使用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、运行的结果如下：
注意：也可以使用子元素选择器等方法获取某个容器内的所有指定元素。
1、if( $('img')attr('src') ){
2、 // 不为空
3、}else{
4、 // 为空
5、}
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。
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');
}
});
});
function _setSrc=function(_div){
var select=$(_div)attr('select');
if (select == "1") {
$(_div)html("<img src='/images/imgBodygif' />");
$(_div)removeAtrr('select')attr('select','0');
}
else {
$(_div)html("<img src='/images/imgBody_greengif' />");
$(_div)removeAtrr('select')attr('select','1');
}
}
你试试 用JQ的话就尽量全用别一会用JS的方法一会用JQ 因为JQ得到元素后 就不是单纯的DOM对象了 转换为了JQ对象 他会具有JQ的方法
以上就是关于jquery怎么修改img的src全部的内容，包括:jquery怎么修改img的src、如何在jquery中找到一个div中的img属性、jquery如何判断img的src是否为空等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）