天天看點

第二章:jQuery初探

一、引入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 (){

...

});