jQuery基礎—1、jQuery概述及環境搭建
阿新 • • 發佈：2018-11-10
1.1JQuery是什麼？
jQuery在javascript基礎上開發出來的，對javascript進行了封裝，功能更強大，操作更方便的一種javascript庫。
JQuery=Javascript + Query（查詢）= 通過Javascript從文件中查詢元素，並對其進行操作。
2006年1月由John Resig開發 開源(open source)
輕量級的javascript庫：
比較小，不笨重，只有幾十k。
特點：
簡潔的語法，跨瀏覽器的相容性，適合用於文件遍歷，DOM操作，事件處理，動畫特效，AJax等
設計理念：
write less，do more
主要功能：
獲取網頁元素、設定網頁外觀、更改網頁內容、響應使用者操作（事件）,新增動畫效果，實現AJax互動
獲得青睞的原因：
1.輕量級，只有幾十K
2.跨瀏覽器相容性
3.基於CSS選擇器
4.鏈式操作
5.面向集合
6.詳細的文件
7.豐富的UI控制元件(easy ui) ui=user interface=使用者介面
8.與其他js庫可以共存 （Dojo,extjs）
9.免費開源
DW CS6 本身支援JQuery，用早期版本的DW，需要安裝外掛，才會有JQuery語法提示。
1.2一個使用jQuery的小例子
開啟DW cs6，建立資料夾jslib，將jQuery外掛放在該資料夾下
找到路徑，將jQuery直接拖入到HTML的標籤上
首先建立一個按鈕，value為“測試”，id為“btn”
建立一個div，id為“info”
設定一下css樣式
這裡講一下關於隱藏，有兩種形式display和visibility
編寫一個jQuery指令碼
啟始程式碼
點選DW上地球按鈕，選擇在Firefox上預覽，檢視頁在這裡插入圖片描述面效果
在這裡插入圖片描述
點選測試按鈕，紅方框將在2秒內顯示完全
歡迎進群交流258897306或關注公眾號“IT群英匯”