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 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式...