jquery基礎筆記

2021-07-31 17:43:28 字數 2078 閱讀 2523

1**.jquery**:**

2**.animate方法**

.animate();

animate() 方法執行 css 屬性集的自定義動畫。

該方法通過css樣式將元素從乙個狀態改變為另乙個狀態。css屬性 值是逐漸改變的,這樣就可以建立動畫效果。

只有數字值可建立動畫(比如 「margin:30px」)。字串值無法建立動畫(比如 「background-color:red」)。

3.等待載入

$(document).ready(function(){})

簡寫為:$(function(){}),也就是選擇器

4.獲得原生dom物件

alert(document.getelementbyid(『box』));

alert($(『#box』).get(0));

alert($(document.getelementbyid(『box』)));//物件互換

5.庫之間衝突

jquery在其他庫之前,庫權是其他庫的 ,在其他庫之後,是自己的庫權;

jquery.noconflict();自行了斷,剔除$符

var $$=jquery;

6.群組選擇器

$(div,p,strong) 獲取多個選擇器的dom物件

7.萬用字元選擇器

$(『*』) 獲取所有dom節點,浪費資源,不建議在全域性使用

$(『ul li *』) 獲取指定dom物件下的所有節點,所以適合運用在區域性環境內

8.獲取dom節點

$(function())

9.返回節點數

$(function())

10.後代選擇器

$(『#box p』).css(『color』,』blue』);

相當於:

$(『#box』).find(『p』).css(『color』,』blue』);

11.子選擇器

$(『#box>p』).css(『color』,』blue』);

相當於:

$(『#box』).children(『p』).css(『color』,』blue』);選擇節點的子節點

12.next選擇器(′

div+

p′)相

當於(『div』).next(『p』):只獲取某節點後乙個同級dom物件

13.nextall選擇器(′

divp

′)相當

於 (『div』).nextall(『p』):獲取某節點後乙個同級所有dom物件

14.prev選擇器

$(『div』).prev(『p』).css(『color』,』blue』);只獲取某節點前乙個同級dom物件

15.prevall選擇器

$(『div』).prevall(『p』).css(『color』,』blue』);獲取某節點前乙個同級所有dom物件

16.上下同級所有

$(『div』).siblings(『p』).css(『color』,』blue』);

17.nextuntill()

$(『div』).nextuntill(『p』).css(『color』,』blue』);上下遇到的dom遇到p停止

18.scrolltop() 滑鼠滾動的距離

backbutton.on(『click』,function(),800)

}) 19.slidetoggle() 方法

jquery slidetoggle() 方法可以在 slidedown() 與 slideup() 方法之間進行切換。

如果元素向下滑動,則 slidetoggle() 可向上滑動它們。

如果元素向上滑動,則 slidetoggle() 可向下滑動它們。

$(selector).slidetoggle(speed,callback);

可選的 speed 引數規定效果的時長。它可以取以下值:」slow」、」fast」 或毫秒。

可選的 callback 引數是滑動完成後所執行的函式名稱。

20.trigger() 方法觸發被選元素的指定事件型別

$(selector).trigger(event,[param1,param2,…])

JQuery基礎筆記

一.jquery物件和js物件區別與轉換 1.jquery物件在操作時,更加方便。2.jquery物件和js物件方法不通用的.3.兩者相互轉換 jq js jq物件 索引 或者 jq物件.get 索引 js jq js物件 二.選擇器 篩選具有相似特徵的元素 標籤 1.基本操作學習 1.事件繫結 1...

Jquery基礎學習筆記 1

1 屬性 為所有匹配的元素設定乙個計算的屬性值 為所有的input新增屬性class btn input attr class btn 2 css 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式 input submit addclass btn 3 值 獲得第乙個匹配元素的當前值 取的某...

Jquery基礎學習筆記 1

此筆記只是作為本人學習 jquery 的隨手筆記 稍微做了一下整理 希望對新人有參考價值。1 屬性 為所有匹配的元素設定乙個計算的屬性值 為所有的 input 新增屬性 class btn input attr class btn 2 css 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式...