jQuery學習筆記之jQuery構建函數(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元素
當傳入的是字符串的時候,構造函數(shù)會判斷是選擇器字符串還是html字符串.,
如果是選擇器字符串:則遍歷dom,查找與之匹配的元素,如果沒有匹配元素,
會返回一個空的jQuery對象;否則會將這些匹配到的元素創(chuàng)建一個對一個jQuery對象.
//$(htmlStr[,文檔對象])
$("<div>大家好</div>").append("body"); //簡單標簽:不帶子節(jié)點
三:$(dom元素),$(dom元素集合)將dom元素轉換成jQuery對象.
jQuery構造函數(shù)會使用js的原生態(tài)方法document.createElement()創(chuàng)建一個dom節(jié)點
$("<div><a>大家好</a></div>").append("body"); //復雜標簽:含有子節(jié)點.
四:$(自定義對象)封裝普通對象為jQuery對象.
jQuery會使用文檔碎片buildFragment()的方法將所有子節(jié)點一次性的全部插入到[,文檔對象]中,如果這里不指定的話,就是document; $(html[,json對象])
當html是簡單標簽時,那么她的第二個參數(shù)可以是一個json對象,包含了這個dom元素的屬性或事件.
//$(html[,json對象])
$("<div></div>", {
"class": "gys", //因為class是js的關鍵字,所以要加引號
text: "大家好",
click: function () { alert("點我干嘛"); }
}).append("body");
五:$(回調函數(shù))綁定ready事件監(jiān)聽函數(shù),當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對象.
相關文章
最近做一個報表頁面顯示位置配置的界面,剛開始時用的是多個checkbox,選擇其中需要的報表即可。后來隨著業(yè)務變復雜，需要使用兩個select,選擇其中需要的到右邊select，然后提交到數(shù)據(jù)庫2013-10-10
基于jQuery的ajax功能實現(xiàn)web service的json轉化
前面文章說過下次會給大家介紹詳細的基于web Services的JqueryAjax調用如何把一個datatable得數(shù)據(jù)轉化成JSON數(shù)據(jù),然后在客戶端再通過json2.js轉化成javascript對象。2009-08-08
在jquery里面， 大部分的時候， 屬性要用''引起來。否則容易變成變量名。比如red， 引不引都差不多。但是引起來也可以認。 所以習慣就全部引起來好了。2010-07-07
jQuery動態(tài)設置form表單的enctype值(實現(xiàn)代碼)
本篇文章是對在jQuery中動態(tài)設置form表單的enctype值的實現(xiàn)代碼進行了詳細的分析介紹，需要的朋友參考下2013-07-07
這篇文章主要介紹了jquery的幻燈片圖片切換效果，幻燈片圖片切換效果特別適合做產(chǎn)品演示，感興趣 的小伙伴可以參考下。2015-09-09
這篇文章主要為大家詳細介紹了基于jQuery淡入淡出效果輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
在選擇器的API學習中，走馬觀花的把選擇器過了一遍，但是選擇歸選擇，選擇出來了沒干什么事，也沒有什么用嘛2010-04-04
jquery層級選擇器(匹配父元素下的子元素實現(xiàn)代碼)
下面小編就為大家?guī)硪黄猨query層級選擇器(匹配父元素下的子元素實現(xiàn)代碼)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
Jquery EasyUI中彈出確認對話框以及加載效果示例代碼
本篇文章主要是對Jquery EasyUI中彈出確認對話框以及加載效果的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了jQuery EasyUI開發(fā)技巧總結的相關資料,希望通過本文大家能夠掌握EasyUI的開發(fā)技巧，需要的朋友可以參考下2017-09-09