-
$.cssHooks 對象提供了一種方法通過定義函數(shù)來獲取和設(shè)置特定的CSS值的方法查看全部
-
.after()在元素之后添加元素查看全部
-
.next() 獲得匹配元素集合中每個元素緊鄰的同輩元素。 .prev() 獲得匹配元素集合中每個元素緊鄰的前一個同輩元素,由選擇器篩選(可選)。 .siblings() 獲得匹配元素集合中所有元素的同輩元素,由選擇器篩選(可選)。查看全部
-
?:屬于條件運算符。(三元運算符) variable = boolean_expression ? true_value : false_value; 如果boolean_expression為true,就把true_value 賦值給variable,如果為false,則把false_value賦值給variable查看全部
-
elem[dir]的意思是,以elem['nextSibling']為例: elem['nextSibling'] === elem.nextSibling elem['nextSibling'] 返回列表中的下一個同胞元素,如果沒有 nextSibling 節(jié)點,則返回值為 null,這樣就能循環(huán)遍歷到所有的符合條件的節(jié)點了。 其他都是類似的。查看全部
-
jQuery.each({ parent: function(elem) { //定義父元素等于所選元素的父節(jié)點 var parent = elem.parentNode; //返回父節(jié)點(如果父節(jié)點是輕量級文檔對象,則返回NULL) return parent && parent.nodeType !== 11 ? parent : null; }, parents: function(elem) { // 執(zhí)行dir(elem,“parentNode”)函數(shù),返回執(zhí)行結(jié)果(數(shù)組對象) return dir(elem, "parentNode"); }, parentsUntil: function(elem, until) { //// 執(zhí)行dir(elem,“parentNode”,until)函數(shù),返回執(zhí)行結(jié)果(數(shù)組對象) return dir(elem, "parentNode", until); } }, function(name, fn) { ajQuery[name] = function(until, selector) { return fn(until, selector); }; }); 我們發(fā)現(xiàn),dir函數(shù)實現(xiàn)祖先元素的遍歷,依賴與在循環(huán)條件中將當(dāng)前元素設(shè)置為當(dāng)前元素的父節(jié)點來實現(xiàn),并由until參數(shù)來控制遍歷到文檔的哪一層級。查看全部
-
function dir(elem,dir,until){ //定義一個元素數(shù)組對象 var matched = [], //如果until不為undefined,則將其值賦給truncate變量 truncate = until !== undefined; //【將當(dāng)前節(jié)點的父元素設(shè)為當(dāng)前節(jié)點】如果當(dāng)前節(jié)點的節(jié)點類型不為document,則執(zhí)行循環(huán)【依靠這一點實現(xiàn)遍歷】 while((elem = elem[dir]) && elem.nodeType !==9){ //如果元素節(jié)點類型為Element,則執(zhí)行: if(elem.nodeType === 1){ //如果truncate被定義 if (truncate){ // 如果節(jié)點名稱等于until,或者節(jié)點類名等于until if(elem.nodeName.toLowerCase() == until || elem.className == until){ //跳出循環(huán) break; } } //如果truncate未定義,則將元素添加到matched元素數(shù)組里 matched.push(elem); } } //返回數(shù)組對象 return matched; }查看全部
-
JQ設(shè)置css: $("#test1").click(function() { $("div").css({ 'padding': '20px', 'margin': '20px' }) }) $("#test2").click(function() { css.call(document.getElementById('aaron'), { 'padding': '40px', 'margin': '40px' }) })查看全部
-
parentsUntil('body') 向上找祖先元素 直到body 停止查看全部
-
eq(index) 從0開始 不管頁面上有幾個 li 都是從上向下找的查看全部
-
深入domManip domManip作為中介來處理參數(shù)類型 1解析參數(shù)、字符串、函數(shù)、對象保證最終操作的都是dom元素 2針對大數(shù)據(jù)引入文檔碎片處理 3如果參數(shù)中包含script的處理 function domManip(parentEles, target, callback) { var l = parentEles.length; var iNoClone = l - 1; if (l) { var fragment = buildFragment([target], parentEles[0].ownerDocument); first = fragment.firstChild; if (fragment.childNodes.length === 1) { fragment = first; } if (first) { callback.call(parentEles, first); } } }查看全部
-
appendChild() 通過把一個節(jié)點增加到當(dāng)前節(jié)點的childNodes[]組,給文檔樹增加節(jié)點: cloneNode() 復(fù)制當(dāng)前節(jié)點,或者復(fù)制當(dāng)前節(jié)點以及它的所有子孫節(jié)點: hasChildNodes() 如果當(dāng)前節(jié)點擁有子節(jié)點,則將返回true: in重置代碼sertBefore() 給文檔樹插入一個節(jié)點,位置在當(dāng)前節(jié)點的指定子節(jié)點之前。如果該節(jié)點已經(jīng)存在,則刪除之再插入到它的位置: removeChild() 從文檔樹中刪除并返回指定的子節(jié)點: replaceChild() 從文檔樹中刪除并返回指定的子節(jié)點,用另一個節(jié)點替換它 .domManip()是jQuery DOM操作的核心函數(shù)。dom即Dom元素,Manip是Manipulate的縮寫,連在一起就是Dom操作的意思。查看全部
-
jQuery children() 方法 獲得匹配元素集合中每個元素的子元素,選擇器選擇性篩選。 因為就jQuery可以是一個DOM的合集對象,所以children就需要遍歷每一個合集中的直接子元素了,并且最后需要構(gòu)建一個新的jQuery對象。 jQuery find() 方法 1、.find()方法返回被選元素的后代元素,一路向下直到最后一個后代。 2、.find()方法允許我們能夠通過查找DOM樹中的這些元素的后代元素,匹配的元素將構(gòu)造一個新的jQuery對象。 3、.find()和.children()方法是相似的,但后者只是再DOM樹中向下遍歷一個層級。 4、.find()方法還可以接受一個選擇器表達(dá)式,該選擇器表達(dá)式可以是任何可傳給$()函數(shù)的選擇器表達(dá)式。如果緊隨兄弟匹配選擇器,它將被保留在新構(gòu)建的jQuery對象中;否則,它被排除在外。 這個方法用的概率相當(dāng)高,除了接受一個選擇器外,還可以接受一個jQuery對象,我們可以看到.find()方法的內(nèi)部實際上是調(diào)用的jQuery.find 也就是sizzle的引擎選擇器。查看全部
-
遍歷同胞 .next() 獲得匹配元素集合中每個元素緊鄰的同輩元素。 .prev() 獲得匹配元素集合中每個元素緊鄰的前一個同輩元素,由選擇器篩選(可選)。 .siblings() 獲得匹配元素集合中所有元素的同輩元素,由選擇器篩選(可選)。查看全部
-
.nextAll() 獲得匹配元素集合中每個元素之后的所有同輩元素由選擇器進(jìn)行篩選可選。 .nextUntil() 獲得每個元素之后所有的同輩元素直到遇到匹配選擇器的元素為止。 .prevAll() 獲得匹配元素集合中每個元素之前的所有同輩元素由選擇器進(jìn)行篩選可選。 .prevUntil() 獲得每個元素之前所有的同輩元素直到遇到匹配選擇器的元素為止。查看全部
舉報
0/150
提交
取消