<參考文檔> 1、什麼是？ DOM的作用：提供了一種動態的操作HTML元素的方法。 jQuery是一個優秀的js庫。用來操作HTML元素的工具。 jQuery和DOM關係：DOM--樹。jQuery是多個DOM模型的集合。 jQuery設計核心理念：write less,do more; DOM獲取 ...
<參考文檔>
1、什麼是？
DOM的作用：提供了一種動態的操作HTML元素的方法。
jQuery是一個優秀的js庫。用來操作HTML元素的工具。
jQuery和DOM關係：DOM--樹。jQuery是多個DOM模型的集合。
jQuery設計核心理念：write less,do more;
DOM獲取id的值：document.getElementById("id");
jQuery獲取id的值: $("#id");$=jQuery
jQuery的缺點：效率會下降。
註意點：jQuery可以和DOM混用。
2005誕生-------11年了。
2、相關作用？
1、獲取HMTL元素---id，name,tag......
2、動態改變頁面中的css樣式和屬性。
<p color="red" style="id:p1;" id="p1">
css樣式。name="p1" input disabled="disabled"
3、動態的改變頁面內容。
var p1=document.getElementById("p1");
p1.value="";
4、事件響應。
click;focus,blur......滑鼠的移動等........
5、快速實現通信
ajax---對非同步請求的支持非常的縝密。功能非常的完成。
6、提供頁面基本動畫需求
淡入，淡出，擦除，移動。。。。。。
3、怎麼用？
第一步:下載包......
第二步:配置
本機配置:<script src="js/..."></script>
聯網配置：< src="http://ajax.googleapis.com/ajax/jquery/1.6.4/jquery.min.js">
第一種：< script type= "text/javascript" src= "js/jquery-1.7.2.min.js" ></script >
第二種：< script type= "text/javascript" src= "./js/jquery-1.7.2.min.js" ></script >
第三步：測試；
4、選擇器
基本選擇器
- id選擇器：$("#p1").css({"color":"red","font-size":"50px"});
- 類選擇器：$(".p1").css("color","red");
- 標簽選擇：$("p").css("color","blue");
- 選擇後過濾：$("p[class='p1']").css("color","blue");
- 通配符選擇器:$("div *").css("color","blue");（註意，星號前有空格鍵）
- 組選擇器：$("h2,#div1,.p2,[title='p2']").css("color","yellow");
- $("tr:last").css("background-color","red"); --------表格的最後一行變成紅色
- $("tr:first").css("background-color","red");
- $("p").eq(0).css(); -----得到第一個<P>標簽
- :even， //奇數行
- :odd, //偶數行
- gt(),
- lt()
