# 1、什么是jQuery
jQuery是一個js框架。封裝了很多實用的方法,基本解決了瀏覽器的兼容問題。
框架類似于現實生活中的毛坯房。比如說做一個項目好比蓋一座房子。
# 2、特點
**write less, do more. 寫的更少,做的更多。**
1.語法簡練、語義易懂、學習快速、文檔豐富。
2.jQuery 是一個輕量級的腳本,其代碼非常小巧。
3.jQuery 支持 CSS1~CSS3 定義的屬性和選擇器
4.jQuery 是兼容瀏覽器的,它支持的瀏覽器包括 IE 6.0+、FF 1.5+、Safari 2.0+和 Opera 9.0+。
5.能將 JavaScript (行為)腳本與 HTML (結構)源代碼完全分離,便于后期編輯和維護。
6.插件豐富,除了 jQuery自身帶有的一些特效外,可以通過插件實現更多功能
# 3、網站
官方地址為:http://jquery.com/
下載地址:http://www.jq22.com/jquery-info122 該網站內有很多插件的鏈接
最新版在線手冊手冊:http://jquery.cuishifeng.cn/
中文社區:http://jquery.org.cn/
# 4、發展史及版本介紹
jQuery 是繼 Prototype 之后又一個優秀的 JavaScript 框架,由 John Resig 于 2006 年初創建,目前最新版本為 3.3.1。
jquery版本:
1.0.0 1.0.1 1.0.2 1.1.0 1.1.1 1.1.2 1.2.x 1.2.6 1.3.x 1.4.x 1.5.x 1.6.x 1.7.x
1.8.x 1.9.x 1.10.x 1.11.x 2.x 3.x
2.0版本以后,對IE6/7/8支持不好。但是市面上這些瀏覽器基本被淘汰了,所以無差別。
jQuery有一個非常大的缺點,就是不向下兼容。
每個jQuery版本都有開發版和產品版,開發版就是帶空白和注釋的,便于學習;產品版是去掉空白和注釋的版本,體積更下,適用于線上。
# 5、其他類似框架
* Prototype:與面向對象的原型繼承關鍵字prototype一致,該框架的特點是功能擴展比較容易。
* YUI:該框架可以實現各種頁面布局效果。
* Extjs : 是目前js框架包里邊最為時尚、前沿的。通過該框架包可以實現許多非常絢麗的效果。
該框架可以實現效果之一:頁面不同區域進行拖拽效果。由于實現的效果非常“絢麗”、導致其“實用”價值相對略低。
* Mootools框架,一款短小精悍的框架,完全采用面向對象的思想進行封裝,采用很多流行的技術,核心代碼只有8kb,是一款非常好用的JS框架。
* jQuery:使用前期,jquery側重快速找到頁面上各種節點。
后期jquery豐富了事件操作、ajax操作、動畫效果、DOM操作等等。jQuery官方也提供了很多比較有效或有針對性的插件比如有jQueryUI、jQuery Mobile插件等。
- 第一天
- 一、學習目標
- 二、關于JavaScript
- 三、JS語法基礎
- 四、變量
- 五、常量
- 六、運算符
- 七、數組
- 八、對象
- 九、數據類型
- 第二天
- 一、昨日復習
- 二、今日目標
- 三、數據類型轉換
- 四、流程控制
- 五、函數基礎
- 六、作用域
- 七、標準庫(內置對象)
- 八、總結
- 第三天
- 一、昨日復習
- 二、今日目標
- 三、DOM介紹
- 四、元素(標簽)節點查詢操作
- 五、元素(標簽)節點增刪改操作
- 六、設置/獲取元素的css樣式
- 七、事件和事件對象
- 八、鍵盤keyCode對照表
- 第四天
- 一、昨日復習
- 二、今日目標
- 三、DOM之屬性節點操作
- 四、DOM對象的通用屬性
- 五、DOM獲取元素的位置
- 六、事件綁定與移除
- 七、事件對象相關屬性和方法使用
- 八、案例--可編輯的表格
- 第五天
- 一、今日目標
- 二、執行流程
- 三、定時器
- 四、閉包
- 五、案例
- 第六天
- 一、昨日回顧
- 二、今日目標
- 三、正則表達式概述
- 四、入門案例
- 五、正則語法
- 六、分組/捕獲和反向引用
- 七、匹配中文(utf-8編碼)
- 八、環視(斷言/零寬斷言/正向預測/負向預測)
- 九、正則對象的屬性和方法
- 十、支持正則表達式的 String 對象的方法
- 十一、案例
- 十二、PHP中的正則表達式
- 第七天
- 一、昨日回顧
- 二、正則案例
- 三、PHP中的正則表達式
- 四、正則練習
- 五、仿淘寶評分小星星
- 六、標簽頁效果
- 七、橫向下拉菜單
- 第八天
- 一、今日目標
- 二、面向對象編程
- 三、定義對象
- 四、對象相關操作
- 五、對象在內存中的存在形式
- 六、原型對象(關鍵)
- 七、定義對象進階
- 八、函數進階
- 第九天
- 一、昨日回顧
- 二、今日目標
- 三、Object
- 四、繼承
- 五、this指向總結
- 六、案例(貪吃蛇)
- 第十天
- 一、今日目標
- 二、Ajax概述
- 三、工作原理
- 四、XMLHttpRequest對象介紹
- 五、使用Ajax的步驟
- 六、細節問題
- 七、JSON
- 八、Ajax中,服務器返回json格式的數據
- 九、案例--省市縣三級聯動
- 第十一天
- 一、昨日回顧
- 二、今日目標
- 三、完成省市縣三級聯動
- 四、優化省市縣三級聯動
- 五、服務器返回XML格式的數據
- 六、FormData對象
- 七、跨域請求
- 八、實現跨域請求
- 第十二天
- 一、Ajax回顧
- 二、今日目標
- 三、jQuery概述
- 四、快速入門
- 五、可編輯的表格
- 六、縱向導航菜單
- 七、橫向導航菜單
- 八、標簽頁效果
- 第十三天
- 一、學習目標
- 二、雜項
- 三、jQuery中的事件
- 四、jQuery封裝的Ajax
- 五、案例 -- 無刷新的分頁
- 第十四天
- 一、昨日回顧
- 二、效果
- 三、跨域請求
- 四、文檔操作
- 五、插件編寫
- 六、自定義插件
- 七、第三方插件