国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 14:57:35
字體:
供稿:網(wǎng)友

一:$(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"); //簡單標(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是簡單標(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ì)象.

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 惠来县| 吴桥县| 昔阳县| 蓬安县| 当阳市| 香港 | 大英县| 宁陵县| 韶山市| 拜城县| 柯坪县| 德令哈市| 辽宁省| 绥中县| 朝阳区| 云南省| 瑞昌市| 铜川市| 温州市| 达拉特旗| 股票| 禹城市| 丹江口市| 环江| 嵊州市| 崇义县| 兖州市| 林口县| 孝昌县| 册亨县| 南陵县| 抚远县| 宣威市| 马鞍山市| 乌苏市| 汉川市| 宝兴县| 泽普县| 布尔津县| 宾川县| 博湖县|