<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>xxx</title> <script src="https://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body> <script> $(document).ready(function(){ $("#but1").click(function(){ $("img").attr({ src: "1.jpg"}); });//设置或返回被选元素的属性值。 $("#but2").click(function(){ $("img").attr("src","2.jpg"); });//设置被选元素的属性值。 $("#but3").click(function(){ $("img").removeAttr("src"); });//将所选元素的属性删除 }); $(document).ready(function(){ $("button").click(function(){ var x = $("div"); x.prop("color","FF0000");//方法设置或返回被选元素的属性和值。 x.append("color 属性值为: " +x.prop("color"));// x.removeProp("color");//删除 x.append("<br>现在 color 属性值为: " + x.prop("color")); }); }); </script> <input id="but1" type="button" value="配张图"> <input id="but2" type="button" value="换张图"> <input id="but3" type="button" value="删图"> <img> <br /> <button>添加和删除属性</button> <br /> <div></div> </body> </html>
原文：http://www.cnblogs.com/yjh1604600160/p/x11.html