JQ常用入口函式 選擇器 篩選選擇器 方法整理

2021-10-25 08:10:22 字數 1652 閱讀 2990

獲取型:布局有鏈式程式設計

設定型:具有鏈式程式設計

當操作是設定型元素:可以一直鏈式程式設計

當操作是獲取型元素:不可以一直鏈式程式設計(斷鏈)

1.jq的入口函式

1.$(

function()

);2.$

(document)

.ready

(function()

);3.jquery

(function()

);

2.dom與就jq互**

dom物件無法使用jq物件裡的方法;

jq物件無法使用dom物件的屬性和方法;

1.dom物件轉jq物件:

$("div")$

(div)

2.jq轉dom物件:

$("div")[

0]3.jq轉dom物件$

("div").

get(

0)

3.jq選擇器:

id選擇器:  $

("#id"

) 獲取指定的id元素

全選選擇器: $

("*"

) 獲取所有

類選擇器: $

(".class"

) 獲取指定的class選擇器

標籤選擇器: $

("div"

) 獲取同一類的所有元素

並集選擇器: $

("div,p,li"

) 後代選擇器: $

("div li"

) 交集選擇器: $

("div.current"

) 子代選擇器: $

("div>li"

)

4.篩選選擇器:

$

("li:first"

) 獲取第乙個li

$("li:last"

) 獲取最後乙個li

$("div:eq(2)"

) 獲取索引為2的元素

$("div:odd"

) 奇數

$("div:even"

) 偶數

5.方法:

parent()

/$("li").

parent

() 查詢父元素

children

("li"

) 最近的兒子

find

("li"

) 後代選擇器

siblings

() 兄弟選擇器

nextall

() 查詢當前元素之後的所有同輩元素

prevall

() 查詢當前元素之後的所有同輩元素

hasclass

() 查詢當前類名

eq(index)索引

addclass()增加類名

jQ內容篩選選擇器

jq內容篩選選擇器 1.查詢所有class div 中dom元素中包含 contains 的元素節點 並且設定顏色 div contains contains css color cd00cd 2.查詢所有class div 中dom元素中包含 span 的元素節點 並且設定顏色 div has s...

jq選擇器物件篩選

1.選擇物件 1 基本 id 根據給定的id匹配乙個元素。例如 id element 根據給定的元素名匹配所有元素。例如 div class 根據給定的類匹配元素。例如 style1 匹配所有元素。例如 selector1,selector2,selectorn 將每乙個選擇器匹配到的元素合併後一起...

jq常用選擇器

jquery 使用 css 選擇器來選取 html 元素。div 選取 元素。p.intro 選取所有 class intro 的 元素。p demo 選取所有 id demo 的 元素。jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。href 選取所有帶有 href 屬性的元素。h...