第一章 認識jQuery

標籤：

一、JQuery的優勢
1、輕量級
2、強大的選取器
3、出色的DOM操作的封裝
4、可靠的事件處理機制
5、完善的Ajax
6、不汙染頂級變數
7、出色的瀏覽器安全色
8、鏈式操作方式 同一JQuery對象上的一組動作,可以直接連寫而無需重複擷取對象
9、隱士迭代當JQuery找到帶有".myclass"類的全部元素,然後隱藏它們時,無需迴圈遍曆每一個元素.
10、行為層與結構層的分離
11、豐富的外掛程式支援
12、完善的文檔chm協助文檔
13、開源

二、配置JQuery環境
1、 <script src="Scripts/jquery-1.10.2.min.js"></script> 引用到web頁面即可

三、編寫簡單的JQuery代碼
<script type="text/javascript">
//最簡單的jquery案例
$(document).ready(function () {
alert("hello world");
});
</script>

 

三、JQuery對象和DOM對象
1、DOM對象 var domobj = documnet.getElemnetById("ID");
2、JQuery對象$("#ID")
3、JQuery對象無法使用DOM對象中的任何方法,只能使用自己的JQuery方法.同樣DOM對象也不能使用JQuery對象
4、JQuery對象與DOM對象相互轉換

JQuery 轉 DOM

第一種方法：
var $cr = $("#cr");
var cr = $cr[0];
第二種方法：
var $cr = $("#cr");
var cr = $cr.get(0);
DOM 轉 JQuery
var cr = document.getElemnetById("cr");
var $cr = $(cr);

四、解決JQuery和其它庫的衝突
1、var $j = JQuery.noConflict();

$j(function(){
$j("p").click(funtion(){
alert($j(this).text());
})
}}

第一章 認識jQuery