常見的JavaScript框架庫 1.什麼是JavaScript 框架庫？ 普通JavaScript 的缺點：每種控制項的操作方式不統一，不同瀏覽器下有區別封裝庫，要編寫跨瀏覽器的程式非常麻煩。因此出現了很多對JavaScript 的。 2.常見的JavaScript 框架庫 Prototype 、Y ...
常見的JavaScript框架庫
1.什麼是JavaScript 框架庫？
普通JavaScript 的缺點：每種控制項的操作方式不統一，不同瀏覽器下有區別封裝庫，要編寫跨瀏覽器的程式非常麻煩。因此出現了很多對JavaScript 的。
2.常見的JavaScript 框架庫
Prototype 、YUI( 網路反響一般) 、Dojo 、ExtJS 、jQuery 等，這些庫對JavaScript 進行了封裝，簡化了開發。這些庫是對JavaScript 的封裝，內部都是用JavaScript 實現的。
3.jQuery:
jQuery 就是JavaScript 語法寫的一些函數類，內部仍然是調用JavaScript實現的，所以 並不是代替JavaScript的 的 。使用jQuery 的代碼、編寫jQuery 的擴展插件等仍然需要JavaScript 的技術，jQuery 本身就是一堆JavaScript
jQuery簡介
jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能介面；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery相容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
JQuery特點
1.快速獲取文檔元素
2.提供漂亮的頁面動態效果
3.創建AJAX無刷新網頁
4.提供對JavaScript語言的增強
5.增強的事件處理
6.更改網頁內容
JQuery編程
jQuery官網：http://jquery.com
jQuery線上API：http://api.jquery.com
http://api.jquery.com/api/ (xml文件。)
jQuery UI：http://jqueryui.com/
第一個jQuery程式
案例：單擊按鈕為div添加樣式（用JavaScript 和 jQuery 進行對比）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../jquery-1.12.2.min.js"></script>
</head>
<body>
<input type="button" value="jqeury" id="btn">
<input type="button" value="javascript" id="btn1">
<div id="dv"></div>
<script>
//JavaScript代碼
window.onload = function (){
document.getElementById('btn1').onclick = function(){
var divObj = document.getElementById('dv');
divObj.style.width = '200px';
divObj.style.height = '100px';
divObj.style.backgroundColor = 'red';
};
};
//jQuery代碼,使用前需引用jQuery文件
$(function(){
$("#btn").click(function(){
$('#dv').css({"width":"200px","height":"100px",
"backgroundColor":"green"});
});
});
</script>
</body>
</html>
上面這個例子很形象的說明瞭jQuery在獲取元素跟方法上的區別：jQuery書寫方法首先要用頁面載入函數$(function(){ ......... });包裹起來，獲取元素通過$("#id")
註意：但是要記住一點，一旦通過jQuery的方式獲取了元素，那麼就相當於獲得了jQuery的對象，而jQuery對象是無法操作js裡面的屬性跟方法的。$("#id").innerHTML這個操作是不行的。同樣反過來也不能。
