在javascript中更改框屬性onclick

試圖創建此文件，通過點擊按鈕來更改對象的屬性（大小，顏色，淡出和重置）。現在不工作，試圖找出我失蹤的東西....任何想法？在javascript中更改框屬性onclick

2017-04-24 wcwhite

我注意到的第一件事是屬性的重複你的<script>標籤與實際的JavaScript在<script>和</script>之間。這是糟糕的編碼。如果你需要一個名爲「javascript.js」的文件中引用的代碼，那麼它需要它自己的<script>聲明在HTML：

<script type="text/javascript" src="javascript.js"></script>

，就是這樣。然後在頁面上使用新的<script>聲明塊跟隨任何代碼。如果你試圖讓jQuery庫可用，可以用此來完成：（把它放在你的HTML代碼中<head></head>部分。）

<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>

jQuery是非常有講究，你給它的選擇：

1）沒有前綴符號表示的HTML標籤：$(".button1")會發現，你確實有在你的代碼中的元素：$("table")手段在HTML

2）一個點前綴符號是指匹配類匹配任何<table> 。他們沒有被找到，因爲你沒有在選擇器中加一個圓點。

3）hashtag/pound-sign/number-sign表示匹配ID：$("#box")會在您的代碼的開頭找到該框。

<script type="text/javascript"> 
$(function(){ 
    $(".button1").click(function(){ 
     $("#box").css({'height':400,'width':400}); 
    }); 
    $(".button2").click(function(){ 
     $("#box").css('background-color','blue'); 
    }); 
    $(".button3").click(function() { 
     $("#box").fadeOut(); 
    }); 
    $(".button4").click(function() { 
     $("#box").show().css({'height':150, 'width':150, 'background-color':'orange'}); 
    }); 
}); 
</script>

這裏有一個到FUNCTIONING codepen的鏈接，表明你正在嘗試做什麼是可能的。

來源

2017-04-24 23:17:12 phpenthusiast

如果在您的問題中我錯過了我的回覆未涵蓋的內容，請讓我知道，以便我可以針對您的問題提供更好或更完整的回覆。謝謝。 – phpenthusiast

在javascript中更改框屬性onclick

回答

相關問題