一、jQuery函數
jQuery函數的兩種表現形式:
1、jQuery()
2、$()
說明:
在jQuery中使用jQuery()與$()是等價的,一般情況下均使用$()
jQuery函數中可以存放的四種參數形式: 【返回的均是jQuery對象】
1、$(選擇器字符串)
jQuery函數通過相應選擇器獲取對應的DOM對象,然后將這些DOM封裝到一個jQuery對象中並返回
eg:
var $div = $('div'); //選取所有div元素節點並返回有這些DOM節點封裝到一個jQuery對象中
2、$(DOM對象)(即Node的實例)
jQuery函數將該DOM對象封裝成jQuery對象並返回
eg:
var div = document.getElementsByTagName('div'); var $div = $(div); //將DOM對象轉化為jQuer對象
3、$(HTML文本字符串)
jQuery函數會根據傳入的文本創建好HTML元素並封裝成jQuery對象返回
eg:
var $div = $("<div class='one'>one<div>"); //創建一個類名為one的div標簽且將其封裝成一個jQuery對象並返回
4、$(匿名函數)
當文檔結構加載完畢之后jQuery函數調用匿名函數
eg:
$(function(){ }); //文檔結構加載完畢后執行function函數中的代碼 $(document).ready(function(){ }); //將document節點轉化為jQuery對象在調用對象ready()方法實現文檔加載完畢后再執行函數內代碼
二、jQuery對象 【一般在變量前加$用來表示其為jQuery對象】
1、jQuery對象的一些相關說明
a、jQuery對象是jQuery函數的實例,他可以調用jQuery原型中定義的一些方法
b、jQuery對象是一個類數組對象,內部存放的元素是DOM對象
c、jQuery對象的獲取通常是使用選擇器來獲取 【eg: $(選擇器字符串)】
d、jQuery對象的操作實際上就是對jQuery數組中DOM對象的批量操作
2、jQuery對象與DOM對象之間的相互轉化
a、jQuery對象轉化為DOM對象
eg:
$('div')[0]; //在jQuery對象后面添加數值下標即可選擇其獲取到的JQuery類數組對象中相應位置存放的DOM對象
b、DOM對象轉化為JQuery對象
eg:
var div = document.getElementsByTagName('div'); //多個div返回的是一個DOM類數組對象 var $div = $(div); //將DOM對象作為jQuery函數的參數即可將該DOM對象轉化為jQuery對象