1.語(yǔ)法格式：$(selector).action()
selector:要操作的元素 eg:this,#identifer(根據(jù)ID取元素),.class（根據(jù)類(lèi)取元素）
action：對(duì)元素操作如hide芒篷，show之類(lèi)
$(this).hide()?
2.入口函數(shù)：
jquery：
$(document).ready(function(){
? // 開(kāi)始寫(xiě) jQuery 代碼...?
//文檔加載完成之后再執(zhí)行却紧，避免還沒(méi)加載完成找不到元素
});
注意和JavaScript 的 window.onload 事件不同的是JavaScript等到所有內(nèi)容窿吩，包括外部圖片之類(lèi)的文件加載完后，才會(huì)執(zhí)行而ready是在
文檔的html元素加載完成后就開(kāi)始執(zhí)行
3.選擇器：
元素選擇器：$("p").action() 選擇所有p元素
id選擇器：$("#identifer") 選擇id為identifer的元素
類(lèi)選擇器：$("box") 選擇class為box的元素
4.常用事件：
$("div").click(function(){?
console.log('點(diǎn)擊了div盒子')惹盼；
});
$("div").dblclick(function(){?
console.log('雙擊了div盒子')；
});
$("div").mouseenter(function(){
console.log('鼠標(biāo)滑過(guò)了div盒子')埂奈；
});
$("div").mouseleave(function(){
console.log('鼠標(biāo)離開(kāi)了div盒子')若贮；
});
$("div").mousedown(function(){
console.log('鼠標(biāo)按下div盒子未離開(kāi)')；
});
$("div").mouseup(function(){
console.log('鼠標(biāo)按下div盒子離開(kāi)了')烁挟；
});
$("div").hover( function(){ console.log ("你進(jìn)入了div 盒子");
? ? },
? ? function(){? ? ? ? console.log("你離開(kāi)了div盒子!");
? ? });
$("div").focus(function(){
console.log('聚焦在div盒子')婴洼；
});
$("div").blur(function(){
console.log('焦點(diǎn)離開(kāi)div盒子')；
});
5.動(dòng)作
$("div").hide();//隱藏
$("div").show();//顯示
$("div").toggle(); //用來(lái)切換hide和show
$("div").fadeIn(); //淡入
$("div").fadeOut();//淡出
$("div").fadeToggle();//用來(lái)切換fadeIn和fadeOut
$("#div1").fadeTo("slow",0.15); //淡入淡出添加透明度
$("#div").slideDown() //滑下
$("#div").slideUp()//滑上
$("#div").slideToggle() //滑下滑上切換
$("button").click(function(){ $("div").animate({
? ? height:'150px', //動(dòng)畫(huà)
? ? width:'150px'? });});
$("button").stop(); //停止動(dòng)畫(huà)
jQuery 方法鏈接
允許我們?cè)谙嗤脑厣线\(yùn)行多條 jQuery 命令撼嗓，一條接著另一條
例如：$("div").css("color","red").slideUp(2000).slideDown(2000);
6.dom屬性操作
$("#identfier").text();設(shè)置或返回所選元素的文本內(nèi)容
$("#identfier").html();設(shè)置或返回所選元素的內(nèi)容（包括 HTML 標(biāo)記）
$("#identfier").val();設(shè)置或返回表單字段的值
$("#identfier").attr("href");獲取屬性
$("#identfier").text("Hello world!"); //設(shè)置元素屬性的值
$("#identfier").val("Hello");?
$("#identfier").attr("href","http://baidu/com");
$("p").append("追加文本");
$("p").prepend("在開(kāi)頭追加文本");
$("img").after("在后面添加文本");
$("img").before("在前面添加文本");
$("#div1").remove();刪除被選元素及其子元素柬采。
$("#div1").empty();刪除被選元素的子元素。
$("p").remove(".italic");
$("h1,h2,p").addClass("blue"); 添加class
$("h1,h2,p").removeClass("blue"); 移除class
$("h1,h2,p").toggleClass("blue"); 添加和移除切換
$("p").css("background-color","yellow");設(shè)置 CSS 屬性
$("p").css({"background-color":"yellow","font-size":"200%"});設(shè)置多個(gè) CSS 屬性
$("#div1").width()且警；?方法設(shè)置或返回元素的寬度（不包括內(nèi)邊距粉捻、邊框或外邊距）
$("#div1").height()；設(shè)置或返回元素的高度（不包括內(nèi)邊距斑芜、邊框或外邊距）
$("#div1").innerWidth()肩刃；?方法返回元素的寬度（包括內(nèi)邊距）
$("#div1").innerHeight()；innerHeight() 方法返回元素的高度（包括內(nèi)邊距）
$("#div1").outerWidth()杏头；返回元素的寬度（包括內(nèi)邊距和邊框）
$("#div1").outerHeight()盈包；返回元素的高度（包括內(nèi)邊距和邊框）
7.dom元素操作
$("span").parent()；方法返回被選元素的直接父元素
$("span").parents();?方法返回被選元素的所有祖先元素醇王，它一路向上直到文檔的根元素 (<html>)
$("span").parentsUntil("div");方法返回介于兩個(gè)給定元素之間的所有祖先元素
$("div").find("span");?方法返回被選元素的后代元素呢燥，一路向下直到最后一個(gè)后代
$("h2").siblings();?方法返回被選元素的所有同胞元素
$("h2").next();?方法返回被選元素的下一個(gè)同胞元素
$("h2").nextAll();方法返回被選元素的所有跟隨的同胞元素
$("h2").nextUntil("h6");?方法返回介于兩個(gè)給定參數(shù)之間的所有跟隨的同胞元素
$("div p").first();?方法返回被選元素的首個(gè)元素
$("div p").last();方法返回被選元素的最后一個(gè)元素
$("p").eq(1);方法返回被選元素中帶有指定索引號(hào)的元素
$("p").filter(".url");方法允許您規(guī)定一個(gè)標(biāo)準(zhǔn)。不匹配這個(gè)標(biāo)準(zhǔn)的元素會(huì)被從集合中刪除寓娩，匹配的元素會(huì)被返回
$("p").not(".url");方法返回不匹配標(biāo)準(zhǔn)的所有元素
