如何在按钮单击一次就把图片变大，然后再单击一次图片又变小，
按钮
$("button").click(function(){ //单击一次图片就变大 再单击一次图片又恢复刚才的样子。怎么玩？
if($("img").attr("width","280")){
$("img").attr("width","1180");
}else{
$("img").attr("width","280");
}
});
展开
收起
1
条回答
写回答
写回答
-
偷懒的做法, 定义一个样式, 然后用 toggleClass 来实现.
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> <meta charset="utf-8"> <title>JS Bin</title> <style> .nw{width:180px;} </style> </head> <body> <img src="http://www.w3school.com.cn/i/eg_smile.gif"> <button>1180像素</button> <script> $("button").click(function(){ $("img").toggleClass('nw'); }); </script> </body> </html>普通做法:
$("button").click(function(){ var img = $('img'); img.width(img.width() == 1180 ? 280 : 1180); });2019-07-17 19:16:56赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
