一、引入jQuery
XXXX.js檔案
<script>标簽
1、版本選擇
目前jQuery有兩個分支
1.x 支援ie6、7、8
jquery-1.11.2.js:未經過壓縮,适合同學們在學習的時候使用,可以浏覽裡面的源代碼
jquery-1.11.2.min.js:經過壓縮,而是直接在生産環境下使用,體積更小,引入更快!
2.x 不支援ie6、7、8
jquery-2.1.3.js :未經過壓縮,适合同學們在學習的時候使用,可以浏覽裡面的源代碼
jquery-2.1.3.min.js:經過壓縮,而是直接在生産環境下使用,體積更小,引入更快!
1.x與2.x擁有相同的API(函數名字,以及參數等等都是一樣的,我們在使用的時候是沒有差別的,隻是内部實作可能不一樣!)
2、引入方法
<script type="text/javascript" src="xxx.js"></script>
二、第一個jQuery程式
三、jQuery中的$函數
1、$在jQuery中是一個函數名
jQuery中有一個非常重要的函數:jQuery,為了使用友善它還有簡寫方式:$
$函數是函數jQuery的簡寫形式,它是jQuery精彩世界的入口!
2、$函數的參數以及功能
$函數傳入的參數類型不同所實作的功能也是不一樣的,主要的參數類型有4種:
1>傳入一個函數
傳入的函數将在頁面元素加載完畢之後再執行!
2>傳入選擇器
傳入字元串形式的選擇器
3>傳入htmlElement對象
傳入htmlElement對象可以轉為jQuery對象
4>傳入html代碼
基于html代碼片段生成新元素。
3、自定義jQuery簡寫符号
除了jQuery庫之外,還有一些别的JavaScript庫也使用$符号。這意味着在同一個頁面若加載了多個庫,可能就産生沖突。這種情況我們
可以調用jQuery.noConflict方法讓jQuery放棄使用$符号,也可以将其傳回值賦給一個變量即可實作自定義jQuery的簡寫符号!
1)讓jQuery放棄簡寫符号$
jQuery.noConflict();
2)自定義簡寫符号
var jq=jQuery.noConflict();
四、等待頁面加載完畢
1、為什麼要等待頁面元素加載完畢
頁面是從上到下加載的!隻有等頁面的元素加載完畢了,我們才可以放心的對頁面元素做各種操作!
2、兩種寫法
方法一:
$(document).ready(function (){
...
});
方法二(簡寫方式):
$(function (){
...
});