Javascript 如何输入函数变量？_Javascript_Jquery

Javascript 如何输入函数变量？

javascript jquery

Javascript 如何输入函数变量？,javascript,jquery,Javascript,Jquery,如何将此变量放入图片中的attr中？因为它被替换为innerHTML <!DOCTYPE html> <html> <head><script type="text/javascript" src="http://line25.com/wp-content/uploads/2010/jquery-lightbox/demo/js/jquery.js"></script> </head> <body> <b

如何将此变量放入图片中的attr中？
因为它被替换为innerHTML

<!DOCTYPE html>
<html>
<head><script type="text/javascript" src="http://line25.com/wp-content/uploads/2010/jquery-lightbox/demo/js/jquery.js"></script>
</head>
<body>
<button href="http://allcartooncharacters.com/wp-content/uploads/2014/05/Tweety-310x310.png">Try it</button>

<p id="demo">
<img src="http://www.w3schools.com/jquery/img_pulpitrock.jpg" alt="Pulpit Rock" width="284" height="213">
</p>

<script>
$(document).ready(function() {
   $('button').click(function() {
       var this = $("button")[0].getAttribute("href"); 
       $("#demo img").attr("src", '+ var this +');
   });
});
</script>
</body>
</html>

您不能使用

这个

作为变量名，即使可以，这也可能不是一个好主意。我将使您的代码如下所示

$("button").click(function() {
    var newSrc = $("button")[0].getAttribute("href");
    $("#demo img").attr("src", newSrc);
});

至于隐藏/显示加载图像，当您将图像的

src

属性更改为回调时，可以使用

.on（“加载”…

）

if (loading) {
    $(".loading-picture-gif").show();
} 
else {
    $(".loading-picture-gif").hide();
}

$('button').click(function() {
    var newSrc = $("button")[0].getAttribute("href");
    $(".loading-picture-gif").show();
    $("#demo img").on("load", function() {
      $(".loading-picture-gif").hide();
    }).attr("src", newSrc);
});

此

是一个保留关键字，您不应将其用作变量名，您可以做的是

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
var href=$（this.attr（“href”）；
$（“#demo img”）.attr（“src”，href）；
});
})；


试试看

是我一个人的问题还是很难看到OP真正想要什么？如果我有3个按钮怎么办？单击时，它会显示按钮的图像？请检查：D您应该能够修改代码以遵循我的示例。类似这样的内容请打开…当我单击$（“body”）时，我是如何制作$（“SS1”）的消失的？因为如果我使用这样的代码。$（“BODY”）。单击（function（）{（$（“.ss1”）.css（'display'，'block'）；}）；…我不能，因为$（“ss1”）位于中，你应该在一个新的问题中问这个问题。如果我有3个按钮，怎么办。单击时，它会显示按钮的图像？请检查：D