1.jquery網(wǎng)址:
http://libs.baidu.com/jquery/2.0.0/jquery.js
2.animate方法
.animate({里面是變化的東西});
animate() 方法執(zhí)行 CSS 屬性集的自定義動(dòng)畫。
該方法通過CSS樣式將元素從一個(gè)狀態(tài)改變?yōu)榱硪粋€(gè)狀態(tài)。CSS屬性值是逐漸改變的,這樣就可以創(chuàng)建動(dòng)畫效果。
只有數(shù)字值可創(chuàng)建動(dòng)畫(比如 "margin:30px")。字符串值無(wú)法創(chuàng)建動(dòng)畫(比如? ? "background-color:red")。
3.等待加載
$(document).ready(function(){})
簡(jiǎn)寫為:$(function(){}),也就是選擇器
4.獲得原生DOM對(duì)象
alert(document.getElementById(‘box’));
alert($('#box').get(0));
alert($(document.getElementById(‘box’)));//對(duì)象互換
5.庫(kù)之間沖突
jquery在其他庫(kù)之前,庫(kù)權(quán)是其他庫(kù)的 ,在其他庫(kù)之后,是自己的庫(kù)權(quán);
jquery.noConflict();自行了斷,剔除$符
var $$=jquery;
6.群組選擇器
$(div,p,strong) 獲取多個(gè)選擇器的DOM對(duì)象
7.通配符選擇器
$('*') 獲取所有DOM節(jié)點(diǎn),浪費(fèi)資源,不建議在全局使用
$('ul li *') 獲取指定DOM對(duì)象下的所有節(jié)點(diǎn),所以適合運(yùn)用在局部環(huán)境內(nèi)
8.獲取DOM節(jié)點(diǎn)
$(function(){
$('#box').css(''.'');
$('.box').css('','');
$('div').css('','');
})
9.返回節(jié)點(diǎn)數(shù)
$(function(){
$('#box').size()/.length;
alert($('*')[0].nodeName);獲取DOM節(jié)點(diǎn)的第一個(gè)節(jié)點(diǎn)名
})
10.后代選擇器
$('#box p').css('color','blue');
相當(dāng)于:
$('#box').find('p').css('color','blue');
11.子選擇器
$('#box>p').css('color','blue');
相當(dāng)于:
$('#box').children('p').css('color','blue');選擇節(jié)點(diǎn)的子節(jié)點(diǎn)
12.next選擇器
$('div+p')相當(dāng)于$('div').next('p'):只獲取某節(jié)點(diǎn)后一個(gè)同級(jí)DOM對(duì)象
13.nextAll選擇器
$('div~p')相當(dāng)于$('div').nextAll('p'):獲取某節(jié)點(diǎn)后一個(gè)同級(jí)所有DOM對(duì)象
14.prev選擇器
$('div').prev('p').css('color','blue');只獲取某節(jié)點(diǎn)前一個(gè)同級(jí)DOM對(duì)象
15.prevAll選擇器
$('div').prevAll('p').css('color','blue');獲取某節(jié)點(diǎn)前一個(gè)同級(jí)所有DOM對(duì)象
16.上下同級(jí)所有
$('div').siblings('p').css('color','blue');
17.nextUntill()
$('div').nextUntill('p').css('color','blue');上下遇到的DOM遇到p停止
18.scrolltop()? 鼠標(biāo)滾動(dòng)的距離
backbutton.on('click',function(){
$('html,body').animate({
scrollTop:0
},800)
})
19.slideToggle() 方法
jQuery slideToggle() 方法可以在 slideDown() 與 slideUp() 方法之間進(jìn)行切換。
如果元素向下滑動(dòng),則 slideToggle() 可向上滑動(dòng)它們。
如果元素向上滑動(dòng),則 slideToggle() 可向下滑動(dòng)它們。
$(selector).slideToggle(speed,callback);
可選的 speed 參數(shù)規(guī)定效果的時(shí)長(zhǎng)。它可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是滑動(dòng)完成后所執(zhí)行的函數(shù)名稱。
20.trigger()? 方法觸發(fā)被選元素的指定事件類型
$(selector).trigger(event,[param1,param2,...])