WEB前端之jQuery概念與常用過濾器

2021-09-26 00:15:54 字數 2582 閱讀 9416

前端js的框架寫的**少,更能更加強大

操作dom物件

動態操作樣式css

資料訪問

控制響應事件等

本地匯入

"jquery.js"

>

<

/script>

聯網匯入

""

>

<

/script>

ready函式

//第一種方法

jquery.

ready

(function()

)//第二種方法

$.ready

(function()

)//第三種方法$(

function()

)

onload函式

$.

onload

(function()

)

區別

id選擇器

語法:$(』#id name』

標籤選擇器

語法:$(『標籤名』)

類選擇器

語法:$(".name")

組合選擇器(並集)

語法:$(『id|class|標籤,id|class|標籤』)

萬用字元選擇器(遍歷所有的元素)

語法: $(』*』)

標籤加類選擇器

語法:$(『標籤.類選擇器』)

後代選擇器

語法:$(『div p』)

子類選擇器

語法:$(『div > p』)

相鄰選擇器

語法:$(『div ~ p』)

.next() 下乙個

.nextall() 下面的全部

.prevall() 上面的全部

.prev() 上乙個

基本過濾器

選擇器說明返回

:first

匹配找到的第1個元素

單個元素

:last

匹配找到的最後乙個元素

單個元素

:eq匹配乙個給定索引值的元素

單個元素

:even

匹配所有索引值為偶數的元素

集合元素

: odd

匹配所有索引值為奇數的元素

集合元素

:gt(index)

匹配所有大於給定索引值的元素

集合元素

:lt(index)

匹配所有小於給定索引值的元素

集合元素

:not

去除所有與給定選擇器匹配的元素

集合元素

:animated

選取當前正在執行動畫的所有元素

集合元素

focus

選取當前正在獲取焦點的元素

集合元素

屬性過濾器

選擇器說明返回

[attribute]

選取擁有此屬性的元素

集合元素

[attribute=value]

選取屬性值為value值的元素

集合元素

[attribue^=value]

選取屬性的值以value開始的元素

集合元素

[attribue$=value]

選取屬性的值以value結束的元素

集合元素

表單選擇器與過濾器

選擇器說明返回

:enabled

選取所有可用元素

集合元素

:disabled

選取所有不可用元素

集合元素

:checked

選取所有被選中的元素(單選框、核取方塊)

集合元素

:selected

選取所有被選中的元素(下拉列表)

集合元素

可見過濾器

選擇器描述返回

:hidden

選擇所有不可見的元素

集合元素

:visible

選取所有可見的元素

集合元素

內容過濾器

選擇器描述返回

:contains(text)

選取含有文字內容為text的元素

集合元素

:empty

選取不包含子元素獲取文字的空元素

集合元素

:has(selector)

選擇含有選擇器所匹配的元素的元素

集合元素

:parent

選取含有子元素或者文字的元素

集合元素

web前端 jQuery動畫效果

基本 show s,e fn hide s,e fn toggle s e fn 滑動 slidedown s e fn slideup s,e fn slidetoggle s e fn 淡入淡出 fadein s e fn fadeout s e fn fadeto s o,e fn fadet...

web前端 jQuery屬性操作

知識點總結 1 屬性 屬性 如果你的選擇器選出了多個物件,那麼預設只會返回出第乙個屬性 attr 屬性名 屬性值 乙個引數是獲取屬性的值,兩個引數是設定屬性值 點選載入示例 removeattr 屬性名 刪除屬性的值 prop 屬性名 屬性值 屬性的返回值的是布林型別 單選,反選,取消的例子 rem...

Web前端開發相關概念

2 有關web前端開發概述的選擇題 web開發分為前端 front end 和後端 back end 兩部分,後端指的是程式 資料庫和伺服器層面的開發,而前端則指的是直接與使用者接觸的網頁,比如布局 特效 互動等。url 英文uniform resource locator的縮寫 中文譯為 統一資源...