欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery學(xué)習(xí)筆記之jQuery構(gòu)建函數(shù)的7種方法

 更新時(shí)間：2014年06月03日 09:28:14   作者：  
jQuery把所有的操作都包裝在一個(gè)jQuery()函數(shù)中，形成了統(tǒng)一(也是惟一)的操作入口，這為jQuery操作降低了門檻。那我們來看下具體構(gòu)造函數(shù)的“七種武器”吧。

一:$(selectorStr[,限制范圍]),接受一個(gè)選擇器(符合jQuery規(guī)范的字符串),返回一個(gè)jQuery對(duì)象;

復(fù)制代碼 代碼如下:

 //$(selector[,限制范圍])
         $(".guo").click(function () {//這里沒有context參數(shù)
             $("a.aguo", this).css({"color":"red"});//this就是context參數(shù),用于限定范圍
         });

二:$(htmlStr[,文檔對(duì)象]),$(html[,json對(duì)象])傳入html字符串,創(chuàng)建一個(gè)新的dom元素

當(dāng)傳入的是字符串的時(shí)候,構(gòu)造函數(shù)會(huì)判斷是選擇器字符串還是html字符串.,
如果是選擇器字符串:則遍歷dom,查找與之匹配的元素,如果沒有匹配元素,
會(huì)返回一個(gè)空的jQuery對(duì)象;否則會(huì)將這些匹配到的元素創(chuàng)建一個(gè)對(duì)一個(gè)jQuery對(duì)象.

復(fù)制代碼 代碼如下:

 //$(htmlStr[,文檔對(duì)象])
         $("<div>大家好</div>").append("body"); //簡(jiǎn)單標(biāo)簽:不帶子節(jié)點(diǎn)

三:$(dom元素),$(dom元素集合)將dom元素轉(zhuǎn)換成jQuery對(duì)象.

jQuery構(gòu)造函數(shù)會(huì)使用js的原生態(tài)方法document.createElement()創(chuàng)建一個(gè)dom節(jié)點(diǎn)

復(fù)制代碼 代碼如下:

 $("<div><a>大家好</a></div>").append("body"); //復(fù)雜標(biāo)簽:含有子節(jié)點(diǎn).

四:$(自定義對(duì)象)封裝普通對(duì)象為jQuery對(duì)象.

jQuery會(huì)使用文檔碎片buildFragment()的方法將所有子節(jié)點(diǎn)一次性的全部插入到[,文檔對(duì)象]中,如果這里不指定的話,就是document; $(html[,json對(duì)象]) 

當(dāng)html是簡(jiǎn)單標(biāo)簽時(shí),那么她的第二個(gè)參數(shù)可以是一個(gè)json對(duì)象,包含了這個(gè)dom元素的屬性或事件.

復(fù)制代碼 代碼如下:

 //$(html[,json對(duì)象])
  $("<div></div>", {
             "class": "gys", //因?yàn)閏lass是js的關(guān)鍵字,所以要加引號(hào)
             text: "大家好",
             click: function () { alert("點(diǎn)我干嘛"); }
         }).append("body");

五:$(回調(diào)函數(shù))綁定ready事件監(jiān)聽函數(shù),當(dāng)Dom加載完成時(shí)執(zhí)行.

$(element)或者$(elements)

傳入一個(gè)dom對(duì)象或者一組dom對(duì)象集合

復(fù)制代碼 代碼如下:

 ("div.guo").click(function () {
             $(this).slideUp();
         });

六:$(jQuery對(duì)象)接受一個(gè)jQuery對(duì)象,返回一個(gè)jQuery對(duì)象的拷貝副本

$(object);

傳入一個(gè)普通的對(duì)象

復(fù)制代碼 代碼如下:

 var obj = { name: "guo", age: 24 };
 var $obj = $(obj);
 $obj.on("guo", function () {
  alert("出發(fā)了一個(gè)自定義的事件");
 });
 $obj.trigger("guo");

七:$()創(chuàng)建一個(gè)空jQuery對(duì)象.

$(callback)傳入一個(gè)函數(shù)

復(fù)制代碼 代碼如下:

 $(function () { })

這個(gè)表示在Dom加載完畢后執(zhí)行函數(shù)中的.

$(jQuery Object);

傳入一個(gè)jQuery對(duì)象,則創(chuàng)建該jQuery對(duì)象的一個(gè)副本并返回,副本與傳入的jQuery對(duì)象引用完全相同的Dom對(duì)象.

相關(guān)文章

最新評(píng)論