我頁面上的 jQuery 問題
[英]jQuery issues on my page
問題描述
我通過 CDN 將 jQuery 添加到我的頁面（沒有問題），我什至有一個警報功能可以工作。 我正在玩不同的東西，比如隱藏和切換，但它們不起作用。 這是我的代碼
<!DOCTYPE html>
<html>
<body>
<div>
<center>
<h1>Lets have fun!<br>
I want to learn a little more <br>
Finally feeling like I understand again!</h1>
</center>
<center><a href="#" class="btn btn-danger">Click This</a>
</center>
</div>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
alert("This works");
$("click this").hide(300)
});
</script>
</body>
</html>
4 個解決方案
解決方案1
1 已采納 2015-09-09 17:10:27
在 jQuery 中，您可以使用 CSS 選擇器（例如 CSS 類選擇器）來定位元素。
<script>
$(document).ready(function() {
alert("This works");
$('.btn.btn-danger').hide(300);
});
</script>
解決方案2
0 2015-09-09 17:13:05
在 jQuery 中，要引用類名，請以點 ( . ) 開頭，ID 以散列 ( # ) 開頭，元素名稱是確切的元素。 因此，如果您有一個像<div id="mydiv" class="myclass"/>的元素，您可以將它稱為$('div') 、 $('#mydiv')或$('.myclass') . 您還可以將多個選擇器鏈接在一起，因此$('#myid.myclass')也是有效的。
有關更多信息，請參閱有關選擇器的 jQuery 文檔。
在您的示例中，您將使用：
$(".btn.btn-danger").hide(300);
解決方案3
0
我假設您想在單擊“單擊此”按鈕時隱藏文本。 你的 jQuery 中需要以下內容
$('a').on('click', function(){
$('center').hide(300);
});
上面基本上是說當你點擊<a>元素時，用 300 毫秒的動畫隱藏<center>元素。 示例在這里。
雖然上述方法可行，但我強烈建議您為<a>和<center>元素分配類或 ID。 否則，隨着頁面展開並且您開始添加更多相同的元素，您將開始看到 jQuery 綁定的意外副作用。
解決方案4
0 2015-09-09 17:14:00
您需要將$("click this")更改為$(".btn") （甚至 $(".btn.btn-danger") ），因為您必須（通常）使用類和/或元素 ID 來定位一個元素。 理想情況下，您的代碼如下所示：
<a href="#" id="my_link" class="btn btn-danger">Click This</a>
此外，您必須告訴 jQuery 您希望它為元素處理什么事件。 如果你不告訴它使用什么事件，那么它只會在頁面加載時作用於該元素。
因此，添加一個 id 並將您的代碼更改為：
$("#my_link").click(function() {
$(this).hide();
});
我的jQuery插件出現問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.