JQuery 學習筆記 JQuery選擇器和事件1

2021-07-02 14:23:14 字數 2173 閱讀 7252

基本選擇器型別:

$(「*」) 選擇所有元素

$(「#lastname」) 選擇id=」lastname」 的元素

$(「.intro」) 選擇所有class=「intro」的元素

$(「p」) 選擇所有 p元素

層疊選擇器:

$(「.intro.demo」) 選擇所有class=」intro」 並且class=「demo」的元素

s1,s2,s3 $(「th,td,.intro」) 所有帶有匹配選擇的元素

過濾選擇器:

$(「p:first」) 第乙個p元素

$(「p:last」) 最後乙個p元素

$(「tr:even」) 第偶數個tr元素(0、2、4、6、8、……)

$(「tr:odd」) 第奇數個tr元素(1、3、5、7、9、……)

:eq(index) $(「ul li:eq(3)」) 列表中的第四個元素(index 從 0 開始)

:gt(no) $(「ul li:gt(3)」) 列出 index 大於 3 的元素

:lt(no) $(「ul li:lt(3)」) 列出 index 小於 3 的元素

:eq(no) $(「td:eq(2)」) 選擇所有的td元素中序號為2的那個td元素

:not(selector) $(「input:not(:empty)」) 所有不為空的 input 元素

:header $(「:header」) 所有標題元素 h1 - h6

:animated $(「:animated」) 所有動畫元素

內容過濾選擇器

:contains(text) $(「:contains(『w3school』)」) 包含指定字串的所有元素

:empty $(「:empty」) 無子(元素)節點的所有元素

:hidden $(「p:hidden」) 所有隱藏的 p 元素

:visible $(「table:visible」) 所有可見的**

表單過濾選擇器:

:input $(「:input」) 所有 input 元素

:text $(「:text」) 所有 type=」text」 的 input 元素

:password $(「:password」) 所有 type=」password」 的 input 元素

:radio $(「:radio」) 所有 type=」radio」 的 input 元素

:checkbox $(「:checkbox」) 所有 type=」checkbox」 的 input 元素

:submit $(「:submit」) 所有 type=」submit」 的 input 元素

:reset $(「:reset」) 所有 type=」reset」 的 input 元素

:button $(「:button」) 所有 type=」button」 的 input 元素

:image $(「:image」) 所有 type=」image」 的 input 元素

:file $(「:file」) 所有 type=」file」 的 input 元素

表單元素過濾選擇器:

$(「:enabled」) 選擇所有的可操作的表單元素

$(「:disabled」) 選擇所有的不可操作的表單元素

$(「:checked」) 選擇所有的被checked的表單元素

$(「select option:selected」) 選擇所有的select 的子元素中被selected的元素

屬性選擇器

[attribute] $(「[href]」) 所有帶有 href 屬性的元素

[attribute=value] $(「[href=』#』]」) 所有 href 屬性的值等於 「#」 的元素

[attribute!=value] $(「[href!=』#』]」) 所有 href 屬性的值不等於 「#」 的元素

[attribute=v

alue

] (「[href$=』.jpg』]」) 所有 href 屬性的值包含以 「.jpg」 結尾的元素

jquery 參考手冊 - 選擇器

Python學習筆記Day17 JQuery

模組 類庫 dom bom js類庫 查詢元素 操作元素 選擇器,直接找到某個或者某類標籤 id id class c1 標籤 a 組合 a,c2,i10 層級 i10 a 子子孫孫 i10 a 兒子 c1 c2 匹配所有緊接在c1元素後的c2元素 包括子標籤 c1 c2 匹配所有與c1同輩的c2元...

vue專案中引入jquery和jqueryui

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

jquery學習筆記

判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...