jQuery基礎

2022-08-05 13:33:23 字數 2397 閱讀 7725

2.1 文件就緒事件

$(document).ready(function())

//簡寫

$(function())

2.2 jquerydom和原生dom
jquery 通過$(選擇器)獲取元素,該元素物件是jquerydom。與原生dom不同

jquerydom 是在原生dom基本上進行的封裝,本質上是由原生dom組成的類陣列物件,可以[索引]得到原生dom

$(原生dom)轉為jquery dom

3.1 基本選擇器

同css3基本選擇器

3.2 層級選擇器

同css3的層級選擇器

空格

>+~

3.3 過濾選擇器
:first

:last

:eq() 從0開始

:odd 奇數

:even 偶數

:lt() 小於

:gt() 大於

:not(選擇器)

3.4 內容選擇器
:contains(text)     包含指定文字的元素

:has(選擇器) 包含指定子元素的元素

:empty 沒有子元素也沒有內容的元素

:parent 有子元素或者有內容的元素

3.5 可見性選擇器
:hidden

:visible

3.6 屬性選擇器
[attr]          .list img[title]

[attr=value] img[title=hello]

[attr!=val] 不等於

[attr^=val]

[attr$=val]

[attr*=val] attr屬性 包含 val

注意jquery中沒有 ~= 和 |=

3.7 子元素選擇器
:first-child

:first-of-type

:last-chile

:last-of-type

:nth-child

:nth-last-child

:nth-last-of-type

:nth-of-type

:only-child

:only-of-type

3.8 表單選擇器
:input      所有的表單控制元件

:text

:password

:radio

:checkbox

:submit

:reset

:button

:file

3.9 表單物件選擇器
:disabled

:enabled

:checked

:selected

4.1 過濾
eq(index)   從0開始

first()

last()

filter(選擇器)

not(選擇器)

has(選擇器)

slice(start,end)

4.2 查詢
查詢 子元素

children([selector]) 子元素

find(selector) 後代元素

查詢 父元素

parent([selector])

parents([selector])

parentsuntil([selector])

offsetparent()

兄弟元素

next([selector]) 後面緊鄰的兄弟元素

nextall([selector]) 後面所有的兄弟元素

nextuntil([selector]) 後面兄弟元素 指定結束條件

prev([selector]) 前面緊鄰的兄弟元素

prevall([selector])

prevuntil([selector])

siblings([selector]) 所有的兄弟元素(除了自己)

其他closest(selector) 從自己開始往祖先元素找,返回第一個滿足條件的

4.3 串聯
add()

addback()

end()

jQuery 初識jQuery

1 引入jquery函式庫 在使用jquery庫之前要在網頁裡先引入jquery庫 如果網頁裡有中文字元,要設定瀏覽器的編碼,否則會出現亂碼...

jquery jquery繼承

1 新建js檔案 2 在js檔案中新增 指jquery, extend給jquery擴充套件方法 extend 3 使用 在html中直接呼叫 gdp 複雜 1 希望一些函式不可以被外部引用,不可以被修改 function jq 可以擴充套件多個 加上逗號在寫幾個 sgs function function...

jQuery

基於jquery擴充套件外掛的兩種方法 extend 工具方法 ,,jquery直接呼叫 擴充套件jquery本身的方法 fn extend...