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 為每個匹配的元素新增指定的類名 對所有的提交按鈕新增樣式...