jQuery學(xué)習(xí)筆記之jQuery構(gòu)建函數(shù)的7種方法
一:$(selectorStr[,限制范圍]),接受一個選擇器(符合jQuery規(guī)范的字符串),返回一個jQuery對象;
//$(selector[,限制范圍])
$(".guo").click(function () {//這里沒有context參數(shù)
$("a.aguo", this).css({"color":"red"});//this就是context參數(shù),用于限定范圍
});
二:$(htmlStr[,文檔對象]),$(html[,json對象])傳入html字符串,創(chuàng)建一個新的dom元素
當(dāng)傳入的是字符串的時候,構(gòu)造函數(shù)會判斷是選擇器字符串還是html字符串.,
如果是選擇器字符串:則遍歷dom,查找與之匹配的元素,如果沒有匹配元素,
會返回一個空的jQuery對象;否則會將這些匹配到的元素創(chuàng)建一個對一個jQuery對象.
//$(htmlStr[,文檔對象])
$("<div>大家好</div>").append("body"); //簡單標(biāo)簽:不帶子節(jié)點
三:$(dom元素),$(dom元素集合)將dom元素轉(zhuǎn)換成jQuery對象.
jQuery構(gòu)造函數(shù)會使用js的原生態(tài)方法document.createElement()創(chuàng)建一個dom節(jié)點
$("<div><a>大家好</a></div>").append("body"); //復(fù)雜標(biāo)簽:含有子節(jié)點.
四:$(自定義對象)封裝普通對象為jQuery對象.
jQuery會使用文檔碎片buildFragment()的方法將所有子節(jié)點一次性的全部插入到[,文檔對象]中,如果這里不指定的話,就是document; $(html[,json對象])
當(dāng)html是簡單標(biāo)簽時,那么她的第二個參數(shù)可以是一個json對象,包含了這個dom元素的屬性或事件.
//$(html[,json對象])
$("<div></div>", {
"class": "gys", //因為class是js的關(guān)鍵字,所以要加引號
text: "大家好",
click: function () { alert("點我干嘛"); }
}).append("body");
五:$(回調(diào)函數(shù))綁定ready事件監(jiān)聽函數(shù),當(dāng)Dom加載完成時執(zhí)行.
$(element)或者$(elements)
傳入一個dom對象或者一組dom對象集合
("div.guo").click(function () {
$(this).slideUp();
});
六:$(jQuery對象)接受一個jQuery對象,返回一個jQuery對象的拷貝副本
$(object);
傳入一個普通的對象
var obj = { name: "guo", age: 24 };
var $obj = $(obj);
$obj.on("guo", function () {
alert("出發(fā)了一個自定義的事件");
});
$obj.trigger("guo");
七:$()創(chuàng)建一個空jQuery對象.
$(callback)傳入一個函數(shù)
$(function () { })
這個表示在Dom加載完畢后執(zhí)行函數(shù)中的.
$(jQuery Object);
傳入一個jQuery對象,則創(chuàng)建該jQuery對象的一個副本并返回,副本與傳入的jQuery對象引用完全相同的Dom對象.
- JavaScript/jQuery、HTML、CSS 構(gòu)建 Web IM 遠(yuǎn)程及時聊天通信程序
- jQuery的初始化與對象構(gòu)建之淺析
- 使用jQuery.wechat構(gòu)建微信WEB應(yīng)用
- Jquery 快速構(gòu)建可拖曳的購物車DragDrop
- 精選的10款用于構(gòu)建良好易用性網(wǎng)站的jQuery插件
- 讀jQuery之三（構(gòu)建選擇器）
- JQuery 構(gòu)建客戶/服務(wù)分離的鏈接模型中Table分頁代碼效率初探
- JQuery 構(gòu)建客戶/服務(wù)分離的鏈接模型中Table中的排序分析
- 實例詳解jQuery的無new構(gòu)建
- 深入理解jQuery()方法的構(gòu)建原理
相關(guān)文章
這篇文章主要介紹了jquery默認(rèn)校驗規(guī)則有哪些,需要的朋友可以參考下2014-03-03
如何確保JavaScript的執(zhí)行順序 之jQuery.html并非萬能鑰匙
在上一篇文章《如何確保JavaScript的執(zhí)行順序 - 之jQuery.html深度分析》中，我們揭示了jQuery.html函數(shù)之所以能在各種瀏覽器下保持動態(tài)JS順序執(zhí)行，其秘密在于 – 同步AJAX獲取外部JavaScript。2011-03-03
jQuery實現(xiàn)仿美橙互聯(lián)兩級導(dǎo)航菜單的方法
這篇文章主要介紹了jQuery實現(xiàn)仿美橙互聯(lián)兩級導(dǎo)航菜單的方法,實例分析了jQuery操作css及setTimeout等實現(xiàn)導(dǎo)航菜單的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了jquery的幻燈片圖片切換效果，幻燈片圖片切換效果特別適合做產(chǎn)品演示，感興趣 的小伙伴可以參考下。2015-09-09
jquery struts 驗證唯一標(biāo)識(公用方法)
本教程將為大家詳細(xì)介紹下使用公用方法驗證jquery struts唯一標(biāo)識，感興趣的朋友可以參考下哈，希望可以幫助到你2013-03-03
今我在網(wǎng)上找了好久喲。。。才找到JQUERY方式的異步文件上傳，趕緊記了下來。2009-06-06
作為輕量級的JS庫，jQuery隨著JavaScrīpt腳本的大熱而備受Web開發(fā)者親睞。本文給大家分享五個有用的jquery小技巧，需要的朋友可以參考下2015-10-10
第一次認(rèn)識jquery延遲對象，這篇文章主要為大家詳細(xì)解析JQ延遲對象的相關(guān)概念,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
最近一段時間準(zhǔn)備開始學(xué)習(xí)JQUERY,感覺JQUERY的功能非常強大,而且代碼量也減少了許多....代碼也非常的清晰!2011-03-03
這篇文章主要介紹了jQuery中:hidden選擇器用法,以實例形式較為詳細(xì)的分析了:hidden選擇器的功能、定義及設(shè)置匹配元素不可見時的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12