jQuery入學02 jQuery 選擇器

2021-09-22 10:11:15 字數 993 閱讀 2042

jquery選擇器使用html元素的 id、類、型別、屬性、屬性值等"查詢"(或選擇)。

$(this).hide() - 隱藏當前元素

$("p").hide() - 隱藏所有 元素

$("p.test").hide() - 隱藏所有 class="test" 的 元素

$(".test").hide() - 隱藏所有 class="test"元素

$("#test").hide() - 隱藏所有 id="test" 的元素

$("*").hide() 隱藏所有元素 

$(this) .hide() 隱藏當前html 元素 

$("p.test").hide() 隱藏class為test的元素 

$(".test").hide() - 隱藏所有class="test"元素

$("#test").hide() - 隱藏id="test" 的元素

$("p:first").hide() 隱藏第乙個元素 

$("ul li:first").hide() 隱藏第乙個元素的第乙個 元素  

$("ul li:first-child").hide() 隱藏每個元素的第乙個 元素  

$("[href]").hide() 隱藏帶有href屬性的元素 

$("a[target='_blank']").hide() 隱藏所有target屬性值等於"_blank"的元素 

$("a[target!='_blank']").hide() 隱藏所有target 屬性值不等於 "_blank"的元素 

$(":button").hide() 隱藏所有type="button"的元素和元素 

$("tr:even").hide() 隱藏偶數字置的元素 

$("tr:odd").hide() 隱藏奇數字置的元素

**案例

csdn

木生火部落格---

點我

vue專案中引入jquery和jqueryui

之前一直不喜歡在vue裡面引入jq的東西,因為和vue的理念是背道而馳的,但是後來因為專案需求難以解決,不得不引入入jquery去解決,才感嘆jq還是很強大的啊 真香嘻嘻 我的專案是基於vue 2.0的。3.0的可能會有些不同,但是應該問題不大了 首先,我們得在package.json檔案中的dep...

深入學習jQuery動畫佇列

佇列實現是jquery非常棒的乙個拓展,使用動畫佇列可以使動畫更容易實現。本文將詳細介紹jquery動畫佇列 queue 方法用來顯示在匹配的元素上的已經執行的函式佇列 queue queuename queue 方法可以接受乙個可選引數 乙個含有佇列名的字串。該引數預設是 fx script sr...

jQuery 教程02 jQuery 語法

通過 jquery,您可以選取 查詢,query html 元素,並對它們執行 操作 actions jquery 語法是通過選取 html 元素,並對選取的元素執行某些操作。基礎語法 selector action 例項 this hide 隱藏當前元素 p hide 隱藏所有 元素 p.test...