jQuery基礎學習筆記(一)

2021-10-05 09:03:46 字數 2184 閱讀 2297

jquery中的入口函式有兩種:

第一種:

$function()

第二種:

$(document)

.ready

(function()

);

注意:$可換成jquery。等著 dom 結構渲染完畢即可執行內部**,不必等到所有外部資源載入完成,jquery 幫我們完成了封裝。

相當於原生 js 中的 domcontentloaded。

不同於原生 js 中的 load 事件是等頁面文件、外部的 js 檔案、css檔案、載入完畢才執行內部**。

更推薦使用第一種方式。

jquery物件[索引值]

jquery物件.get(索引值)

$(dom物件)
選擇器

例項描述

*$("*")

所有元素

#id$("#lastname")

id=「lastname」 的元素

.class

$(".intro")

所有 class=「intro」 的元素

element

$(「p」)

所有 元素

.class.class

$(".intro.demo")

所有 class=「intro」 且 class=「demo」 的元素

:first

$(「p:first」)

第乙個 元素

:last

$(「p:last」)

最後乙個 元素

:even

$(「tr:even」)

所有偶數 元素

:odd

$(「tr:odd」)

所有奇數 元素

:eq(index)

$(「ul li:eq(3)」)

列表中的第四個元素(index 從 0 開始)

:gt(no)

$(「ul li:gt(3)」)

列出 index 大於 3 的元素

:lt(no)

$(「ul li:lt(3)」)

列出 index 小於 3 的元素

:not(selector)

$(「input:not(:empty)」)

所有不為空的 input 元素

:header

$(":header")

所有標題元素 -

:animated

所有動畫元素

:contains(text)

$(":contains(『w3school』)")

包含指定字串的所有元素

:empty

$(":empty")

無子(元素)節點的所有元素

:hidden

$(「p:hidden」)

所有隱藏的 元素

:visible

$(「table:visible」)

所有可見的**

[attribute]

$("[href]")

所有帶有 href 屬性的元素

[attribute=value]

$("[href=』#』]")

所有 href 屬性的值等於 「#」 的元素

[attribute!=value]

$("[href!=』#』]")

所有 href 屬性的值不等於 「#」 的元素

所有 href 屬性的值包含以 「.jpg」 結尾的元素

:enabled

$(":enabled")

所有啟用的 input 元素

:disabled

$(":disabled")

所有禁用的 input 元素

:selected

$(":selected")

所有被選取的 input 元素

:checked

$(":checked")

所有被選中的 input 元素

補充

Jquery基礎學習筆記 1

1 屬性 為所有匹配的元素設定乙個計算的屬性值 為所有的input新增屬性class btn input attr class btn 2 css 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式 input submit addclass btn 3 值 獲得第乙個匹配元素的當前值 取的某...

Jquery基礎學習筆記 1

此筆記只是作為本人學習 jquery 的隨手筆記 稍微做了一下整理 希望對新人有參考價值。1 屬性 為所有匹配的元素設定乙個計算的屬性值 為所有的 input 新增屬性 class btn input attr class btn 2 css 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式...

Jquery基礎學習筆記 1

此筆記只是作為本人學習 jquery 的隨手筆記 稍微做了一下整理 希望對新人有參考價值。1 屬性 為所有匹配的元素設定乙個計算的屬性值 為所有的 input 新增屬性 class btn input attr class btn 2 css 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式...