使用顯示方法

Question

我試圖讓按鈕在點擊後顯示我的段落。不知道我做錯了什麼！

function $() { 
    "use strict"; 
} 
$(document).ready(function() { "use strict"; 
    $("button").onClick(function() { 
     $("p").show(); 
    }); 
}); 

Answer 1

使用click()，而不是onClick()：

$(document).ready(function() { 
    $("button").click(function() { 
     $("p").show(); 
    }); 
}); 

您可以隨時在開發人員工具控制檯Javascript錯誤（在Chrome它可通過點擊F12）。

Answer 2

JQuery參考$。第一個函數聲明一個名稱爲$的函數，從而覆蓋JQuery $變量。由於「嚴格使用」僅適用於它位於頂部的範圍，並且假設您的第一個函數中沒有其他代碼，那麼第一個函數沒有意義，只會導致問題並將其刪除。

你想在這裏的方法是on，不onClick（onclick是一個非常古老的方法來設置點擊事件處理程序通過HTML屬性或作爲DOM對象的屬性，但你有一個jQuery包裹設置對象，沒有按「T支持，）：

$(function() { 
 
    $("button").on("click", function() { 
 
     $("p").show(); 
 
    }); 
 
});

.hide { 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Show the text</button> 
 
<p class="hide">This is a test</p>