220 次瀏覽
要從 HTML 頁面獲取第 n 個 div,請使用 jQuery 的 eq() 方法。它用於訪問 jQuery 中元素的索引。eq() 方法指的是元素的位置。示例您可以嘗試執行以下程式碼來了解如何使用 jQuery 從 HTML 頁面獲取第 n 個 div。在這裡,我們將獲取第二個 div:即時演示 $(document).ready(function(){ $("#button1").click(function(){ alert($("div:eq(1)").text()); }); }); 第一段 第二段 - 選擇的第二個 div 第三段 哪個 div?
845 次瀏覽
以下是如何透過 ID 選擇器 (#id)、類選擇器 (.class)、標籤和屬性 (.attr()) 獲取物件。透過類選擇器獲取物件示例元素類選擇器選擇所有與元素給定類匹配的元素。即時演示 jQuery 選擇器 $(document).ready(function() { $(".big").css("background-color", "yellow"); }); 這是第一個 ... 閱讀更多
392 次瀏覽
在 jQuery 選擇器中轉義方括號非常簡單。讓我們以一個在框名稱中轉義方括號的示例為例。示例無論您選擇什麼,都將在按鈕點選時新增到文字區域。即時演示 $(document).ready(function() { $("#addnow").click(function () { $("#myselect :selected").each(function () { $("#text").val($("#text").val() + $(this).text() + ""); }); }); }); email@example.com David 選擇並點選新增
3K+ 次瀏覽
示例您可以嘗試執行以下程式碼來編寫 jQuery 選擇器以查詢 href 中包含 # 的連結。這裡,^ 用於查詢 href 以 # 開頭的連結。即時演示 $(document).ready(function(){ $('a[href^="#"]').click(function(){ alert('成功!選擇了 href 以 # 開頭的連結。'); }); }); 演示 C++
718 次瀏覽
在 jQuery 選擇器中使用 JavaScript 變數非常簡單。示例讓我們來看一個在 jQuery 中使用 JavaScript 變數隱藏元素的示例:即時演示 $(document).ready(function(){ $("input").click(function(){ var name = this.name; $("input[name=" + name + "]").hide(); } ); }); 標題 1 要隱藏按鈕,請點選它。
206 次瀏覽
如果要選擇具有特定索引的元素,則使用 jQuery 選擇器 eq()。在這裡,設定索引號以選擇元素。示例您可以嘗試執行以下程式碼來了解如何使用 jQuery 選擇器 eq():即時演示 $(document).ready(function(){ $("p:eq(1)").css("background-color","red"); }); 標題 1 這是演示文字。這是另一段文字。這是演示內容
323 次瀏覽
$ 變數用於 jQuery。 如果您使用多個 JavaScript 庫或多個版本的 jQuery,則應使用 jQuery(selector) 而不是 $(selector) 來避免名稱衝突。示例要了解 noConflict() 概念,讓我們看一個使用 jQuery (selector) 的示例:即時演示 $.noConflict(); jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("h3").text("jQuery 工作正常"); }); }); 測試 jQuery 點選以下內容: 點選我 $ 符號用於 jQuery,但如果其他框架也使用相同的 $ 符號;這可能會造成問題,並且 ... 閱讀更多
77 次瀏覽
children( [selector] ) 方法獲取一組包含匹配元素集中每個元素的所有唯一直接子元素的元素。示例您可以嘗試執行以下程式碼來了解如何獲取一組包含匹配元素集中每個元素的所有唯一直接子元素的元素:即時演示 jQuery 示例 $(document).ready(function(){ $("div").children(".selected").addClass("blue"); }); ... 閱讀更多
87 次瀏覽
find( selector ) 方法可用於定位特定型別元素的所有後代元素。選擇器可以使用任何選擇器語法編寫。示例您可以嘗試執行以下程式碼來了解如何定位特定型別元素的所有後代元素:即時演示 jQuery 示例 $(document).ready(function() { $("p").find("span").addClass("selected"); }); .selected { color:blue; } 這是第一段,並且這是藍色的 這是第二段,並且這也是藍色的
778 次瀏覽
要從 jQuery 中排除第一個和第二個元素,請使用 slice() 方法。示例您可以嘗試執行以下程式碼以從 jQuery 中排除第一個和元素:即時演示 $(document).ready(function(){ $('p').slice(2).css('font-size', '24px'); }); Java C++ Ruby Groovy