jQuery知識點總結

2022-07-07 22:00:22 字數 2984 閱讀 5310

一、元素的增刪改查

1、增加

b、prepend()  和 prependto() 區別

後邊的加到前邊的裡邊(前置插入)

c、after()   和 before() 區別

後邊的插入到前邊的之後 

後邊的插入到前邊的之前

2、刪除

a、remove 、empty 和 detach 方法的區別

remove:移除

empty:把元素內容清空

detach:刪除後還保留原有的事件

3、改a、replacewith()

後邊的替換前邊的

例:hello

andgoodbye

$(『.third').replacewith($('.first'));

執行完的結果是?and hellow

b、replaceall() 方法

前邊的替換後邊的

4、以下選擇器各列舉五個

基本選擇器

idclass

*群組選擇器

直接名字

層次選擇器

form>input  給定父元素裡的所有子元素

+  匹配緊接 給定元素 的某元素的所有元素

form~input

說明: 匹配 form 元素之後的所有 input 元素.注意:是匹配之後 的元素,不包含該元素在內,並且input匹配的是和form同輩的 元素,其後輩元素不被匹配。

基本過濾選擇器 

first()  last()  :even  :odd  :eq()  :lt(小於)  gt()

屬性選擇器

[class]    獲取擁有某屬性的所有元素  

[class=a]  獲取擁有某屬性且屬性值為某的所有元素   

!=     獲取擁有某屬性但屬性值不為某的所有元素

^=     獲取擁有某屬性  屬性值以某開始的所有元素

$=     獲取擁有某屬性  屬性值以某結束的所有元素

*=     獲取擁有某屬性  屬性值有某的所有元素

內容選擇器

:contains  獲取含有某文字內容的元素

:empty   獲取文字為空且不包含後代的元素

:has(span)    獲取後代含有span的元素

:parent   獲取含有後代或內容的元素

可見度選擇器

:hidden  選取不可見元素

:visible  選取可見元素

表單物件選擇器

:input  

:text

:password

:radio

:checkbox

子元素過濾選擇器

p:nth-child(2)  從下標1開始  所有p標籤的第二個

:first-child   第乙個

:last-child   最後乙個

:only-child    

父元素裡邊只有乙個子元素

二、節點遍歷

1、each() 方法

三、包裹節點

1、wrap()   找乙個爹

後邊新建的包裹前邊的東西(包括標籤)

2、unwrap()   刪除乙個爹

刪除自己的父級

3、wrapinner() 把匹配的元素內容用乙個元素包裹

四、css的屬性操作和樣式操作。

attr  獲取設定元素屬性 

removeattr  刪除指定屬性

操作多個css樣式

.css()

五、jquery事件

1) 按鈕1,點選button按鈕實現控制台輸出「按鈕1」,用三種方式繫結事件 .click()  on()  bind()

2) 取消繫結事件的兩種方法

以及有引數和沒引數的區別

3) 點選按鈕 輸出事件名 :和 觸發事件的元素:

4) baidu 寫乙個阻止a標籤預設跳轉的方法  event.preventdefault()

5) 什麼是冒泡,阻止冒泡,具體說明?

冒泡:從最精確到最不精確

依次尋找;

阻止冒泡:只找最精確的那個  event.stoppropagation()

6) 事件委託是什麼?事件委託有什麼好處? delegate 與on  在書寫上有什麼區別

把事件加到父級上

觸發執行效果

好處:減少事件註冊,提高效能。

委託元素名

事件名函式

事件名委託元素名

函式7) 下面**,用事件委託寫乙個輸出li面內容

$(「ul」).delegate(「li」,」click」function())

六、動畫

1、show() 、hide() 和 toggle() 方法

顯示隱藏

切換2、slidedown() 、slideup() 、slidetoggle() 方法

滑入滑出

切換3、fadein、fadeout、fadetoggle() 方法

淡入淡出

切換4、animate  stop delay 方法的使用

動態的改變當前元素各種css屬性

七、看如下**

隱藏1)點選「按鈕」的時候div變成隱藏並且「按鈕」的內容變成「顯示」,再點選「按鈕」div顯示,「按鈕」內容變為隱藏,達到顯示和隱藏來回切換

toggle  

2) 按順序寫出淡入,淡出,淡入淡出切換

3) fadeto(引數1,引數2)   引數1和引數2分別j代表的什麼

1代表  變化時間   2代表  透明度

4) 顯示

隱藏點選顯示的是後要求 div下來,點選隱藏的時候div上去

寫出還需要設定的css js

5) animate()

6) 寫「div」向右運動

jQuery知識點總結(三)

jquery繫結事件 title click function else content slideup 1000 先學習四個動畫函式 show 時間 即改變透明度,高度 寬度 hide 時間 即改變透明度,高度 寬度 slidedown 時間 只改變元素的高度 slideup 時間 只改變元素的高...

jquery常見知識點 總結

1.jquery特點 2.jquery中css選擇器用法 jquery使用了一套css選擇器,共有5種,即標籤選擇器,id選擇器,類選擇器,通用選擇器和群組選擇器,現分述如下 標籤選擇器 用於選擇html頁面中已有的標籤元素,又稱元素選擇器,格式 element 如 div 同getelementb...

jQuery知識點總結(一)

一 二丶 document ready function document ready function 這裡的執行結果是先彈出 111 再彈出 222 jquery入口函式總共有四種寫法,秉持著寫的越少做的越多的原則推薦第三種寫法。第一種 document ready function 第二種 j...