2018 2 16 jquery 基本選擇器

2021-08-15 15:49:27 字數 1283 閱讀 8189

css

選擇器回顧

符號

說明用法

#id

id選擇器

#id.class

類選擇器

.class

element

標籤選擇器

p*

萬用字元選擇器

配合其他選擇器來使用

,

並集選擇器

div,p{}

空格

後代選擇器

div span{}

選擇div下面所有後代的span

>

子代選擇器

div > span{}

+

緊鄰選擇器

div+p

選擇div緊挨著的下乙個p元素

2) jquery 基本選擇器

基本選擇器

符號

說明用法

$(「#demo」)

選擇id為demo的第乙個元素

$(「#demo」).css(「background」,」red」)

$(「.liitem」)

選擇所有類名(樣式名)為liitem的元素

$(「.liitem」). css(「background」,」red」);

$(「div」)

選擇所有標籤名字為div的元素

$(「div」). css(「background」,」red」);

$(「*」)

選擇所有元素

少用或配合其他選擇器來使用

$(「*」). css(「background」,」red」)

$(「.liitem,div」)

選擇多個指定的元素,這個地方是選擇出了 .liitem元素和div元素

$(「.liitem,div」). css(「background」,」red」)

規律:$(selector).css(「background」,」red」);

jquery基本語法

1.查詢id為 的元素 元素id 2.查詢dom中乙個節點 標籤名稱 3.查詢某乙個特定的類 類名 4.查詢所有dom標籤元素 5.查詢dom框架內部的某一給定的祖代元素的後代元素 祖先元素 後代元素 6.查詢dom框架內某一父節點下的所有子節點元素 父節點元素 子節點元素 7.給某一指定input...

jquery基本用法

原文出處 函式描述 selector hide 隱藏被選元素 selector show 顯示被選元素 selector toggle 切換 在隱藏與顯示之間 被選元素 selector slidedown 向下滑動 顯示 被選元素 selector slideup 向上滑動 隱藏 被選元素 sel...

jquery基本操作

終於像擠牙膏一樣開始了在的第一篇隨記,一直想寫博,又都沒時間 其實都是忽悠自已 經歷了乙個電商平台的開發,真心很疲憊,想休息下,但我不敢。今天若休息,明天呢,最終會發現一直是在自已忽悠自己。以前經常看別人的部落格,某些寫的真的很好,是書本上根本看不到的,現在我也要用部落格來記錄下我的所學所悟。以下是...