jquery怎么实现点击换图片
2023-02-01 餐饮美食网 【 字体：大 中 小 】
实现方法：1、用click()给按钮元素绑定点击事件，并设置处理函数，语法“按钮元素.click(function(){});”；2、在处理函数中，用attr()修改图片地址，语法“$("img").attr("src","新图地址")”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery实现点击换图片的方法：
实现思想：
用click()给按钮元素绑定点击事件，并设置事件处理函数
在处理函数中，用attr()修改图片地址（即修改img元素src属性的值）
实现代码：点击按钮，更换图片
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("img").attr("src","img/1.jpg");
});
});
</script>
</head>
<body>
<img src="img/3.jpg" width="400" /><br><br>
<button>点击按钮，更换图片</button>
</body>
</html>
说明：
<img> 标签定义 HTML 页面中的图像。
<img> 标签有两个必需的属性：src 和 alt。
<img> 标签的 src 属性是必需的，它规定图像的 URL。
attr()方法可以设置指定元素的属性值，当使用该方法修改<img> 标签的 src 属性，就是进行换图。
【学习：jQuery教程、web前端】
相关推荐
如何自制蛋挞
1、倒入低筋面、黄油和水，揉成面团状，藏一小时后取出，抹上黄油卷起，包上保鲜膜冷藏半小时。2、取出，将面团切成一厘米的面团，放入模具内，用力按压，中间稍薄，外缘要比模具高，将蛋挞液倒入蛋挞皮中，放入烤箱里烤30分钟即可。
肉火烧面怎么和面
1、首先用温水把酵母融开，加入面粉，用手把面粉揉成非常软的面团，可以放一点熬好的猪油在面团里面。2、然后放在温暖的地方，盖上保鲜膜发酵至2倍大，发好的面团用手插入不回缩，就说明面团发酵好了。
奶茶几分糖好喝
1、不同的人对奶茶的口感要求是不一样的，一般来说，奶茶有三分糖、五分糖、七分糖三种不同的口味。2、女生一般都喜欢喝甜一点的，而男生则喜欢喝不那么甜的，七分糖的奶茶最好喝。
过桥米线是哪里的？
过桥米线是来自云南省滇南地区的一种有名特色小吃。过桥米线最早是在清朝就已经出现，距离现在至少有一百多年的历史啦！起源于建水县东城外锁龙桥西侧的鸡市街头处，有建水的特产草芽、地椒作配料，风味独特而远近闻名。深受广大美食爱好者的喜欢，不少人为此专门长途跋涉，只为尝
面霜和乳液的区别
面霜和乳液的区别，相较而言乳液的水分含量要比面霜高，乳液质地要轻薄一些，乳液主要作用是保湿，滋润可以隔离外界干燥的气候，面霜既可保湿，又可美白，还能抗衰老，乳液的吸收快一些，而面霜吸收比较慢一些，因为液体的吸收速度都比较快。
怎么摘隐形眼镜
在摘隐形眼镜之前，先用洗手液将手清洗干净，以免将细菌带入眼睛内，对着镜子，用右手中指轻拉眼睛下眼睑，左手中指轻拉眼睛上眼睑，让黑色眼球暴露在空气中，用右手食指和拇指轻触镜片的两边缘部分，向中间推使镜片拱起，再用两手指轻轻捏出镜片即可。
粉饼和散粉的区别
粉饼是呈压缩固体状态，多呈圆形或者方形，散粉则是细腻的粉末状，粉饼遮瑕力会比较强一些，可以湿用做粉底，或者用来补妆，而散粉则是定妆的效果，粉饼通常用在底妆的第一步，而散粉通常用在底妆最后一步。
冷烫和热烫的区别
冷烫和热烫的区别：冷烫对头发的要求是要在保温状态下才能给卷有个好的效果，而热烫是在干和湿的情况下都行，热烫烫出来的头发比较自然明显而有弹力，冷烫的头发风干后基本看不出来，并且发质会有点干。
高品质香水如何鉴别？用三步就可以解决
1、看色泽以天然香料调制而成的高级香水，都有它本来的颜色，且大都是琥珀色或褐色，看起来很像宝石，比如，从茉莉、玫瑰或水仙等天然鲜花中所萃取的精油都呈黄色、褐白或绿褐色；此外，香水中所添加的魅惑香气物性香料也是褐色，苔类中的橡树苔是绿色，从树根或树根脂类中萃取的
如何去除黑眼圈
去除黑眼圈首先可以用热毛巾敷眼，然后再用冷毛巾敷，十分钟就能让黑眼圈淡化的不那么严重，其次将去壳后的鸡蛋用无菌纱布包裹住，敷于眼部轻轻转动，可以急救去除黑眼圈，另外抹完眼霜后，用双手顺时针按摩，可以促进血液循环消除黑眼圈。
本文Tag
