Wordpress：如何更改图片标签中的源属性？

Question

//change color buttons
 $(document).ready(function(){  
      //change color buttons in external js-file
       $("#btn2").bind("click", function() {
        $("#btn2").attr("src","images/orange.png");
       });
});

Answer 1

$(document).ready(function(){  
      //change color buttons in external js-file
       $("#btn2").on("click", function() {
        $("#btn2").attr("src","images/orange.png");
       });
});

DEMO

Answer 2

使用点击

$(document).ready(function(){  
          //change color buttons in external js-file
           $("#btn2").click(function() {
              $(this).attr("src","images/orange.png");
           });
    });

Answer 3

因为你正在使用wordpress，所以你必须使用这样的代码，否则它总是返回jQuery库的错误

(function($){
    //change color buttons
    $(document).ready(function(){  
        //change color buttons in external js-file
        $("#btn2").bind("click", function() {
           $(this).attr("src","images/orange.png");
        });
    });
})(jQuery);

样本：

http://jsfiddle.net/jogesh_pi/Jq2C8/