-
對封裝的節(jié)點操作做了參數(shù)上的校正支持,與對應處理的調(diào)用:append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。 為什么需要用這個domManip函數(shù)呢? 我們知道節(jié)點操作瀏覽器提供的接口無非就是那么幾個: appendChild() 通過把一個節(jié)點增加到當前節(jié)點的childNodes[]組,給文檔樹增加節(jié)點: cloneNode() 復制當前節(jié)點,或者復制當前節(jié)點以及它的所有子孫節(jié)點: hasChildNodes() 如果當前節(jié)點擁有子節(jié)點,則將返回true: in重置代碼sertBefore() 給文檔樹插入一個節(jié)點,位置在當前節(jié)點的指定子節(jié)點之前。如果該節(jié)點已經(jīng)存在,則刪除之再插入到它的位置: removeChild() 從文檔樹中刪除并返回指定的子節(jié)點: replaceChild() 從文檔樹中刪除并返回指定的子節(jié)點,用另一個節(jié)點替換它查看全部
-
.parent()方法允許我們能夠在DOM樹中搜索到這些元素的父級元素,從有序的向上匹配元素,并根據(jù)匹配的元素創(chuàng)建一個新的 jQuery 對象。 .parents()和.parent()方法是相似的,但后者只是進行了一個單級的DOM樹查找 .parentsUntil() 方法會找遍所有這些元素的前輩元素,直到遇到了跟參數(shù)匹配的元素才會停止。返回的jQuery對象中包含了所有找到的前輩元素,除了與 .parentsUntil() 選擇器匹配的那個元素。查看全部
-
parents()將查找所有祖輩元素,而children()只考慮子元素而不考慮所有后代元素。 closet選定的是父輩最近(即向上取,以item-b試試就知)查看全部
-
textContent,元素的內(nèi)容,僅文本 document.createTextNode("Water"),創(chuàng)建文本內(nèi)容,節(jié)點查看全部
-
nodeType 1 元素節(jié)點 2 屬性節(jié)點 3 文本節(jié)點查看全部
-
1-2 jQuery的遍歷結構設計 這節(jié)很經(jīng)典,值得回顧查看全部
-
查找對象與查找某個文件或目錄的思想方法相似查看全部
-
偏移量 元素的可見大小由寬度高度決定,其中還要包括內(nèi)邊距、滾動條、邊寬大小(不包括外邊距),通過下面四個屬性可以獲得。 offsetWidth、offsetHeigh、offsetLeft、offsetTop offsetHeight/offsetWidth: 表述元素的外尺寸: 元素內(nèi)容 + 內(nèi)邊距 + 邊框(不包括外邊距),給出元素在頁面中占據(jù)的寬度和高度的總計。 注意:把元素的邊框和滾動條計算在內(nèi)。 offsetWidth = border-left-width + padding-left + width + padding-right + border-right-width; offsetHeight = border-top-width + padding-top + height + padding-bottom + border-bottom-width; 包含關系: offsetLeft/offsetTop: 表示該元素的左上角(邊框外邊緣)與已定位的父容器(offsetParent對象)左上角的距離。 offsetParent元素是指元素最近的定位(relative,absolute)祖先元素,可遞歸上溯。 客戶區(qū)域大小 clientWidth、clientHeight clientWidth/clientHeight: 用于描述元素的內(nèi)尺寸:元素內(nèi)容 + 兩邊內(nèi)邊距。 clientWidth = width+padding(left、right) clientHeight = height+padding(top、bottom) 滾動大小 scrollWidth、scrollHeight、scrollLeft、scrollTop scrollHeight/scrollWidth: 元素內(nèi)容的總高度或?qū)挾?scrollLeft/scrollTop:是指元素滾動條位置,它們是可寫的(被隱藏的內(nèi)容區(qū)域左側(cè)/上方的像素) scrollHeight:是元素的padding加元素內(nèi)容的高度。這個高度與滾動條無關,是內(nèi)容的實際高度。 計算方式 :scrollHeight = topPadding + bottomPadding + 內(nèi)容margix box的高度。查看全部
-
.html()用為讀取和修改元素的HTML標簽 .text()用來讀取或修改元素的純文本內(nèi)容 .val()用來讀取或修改表單元素的value查看全部
-
html()方法插入的是一段字符串 ,所以代碼不會執(zhí)行,append()插入的是DOM元素與內(nèi)容,所以代碼會執(zhí)行查看全部
-
1:函數(shù)調(diào)用了domManip函數(shù),傳進去的參數(shù)第一個是arguments,這個大家都知道arguments是函數(shù)參數(shù)對象,是一個類數(shù)組對象。這里arguments可能是包含dom元素的數(shù)組,或者html字符串 2:第二參數(shù)是一個回調(diào)函數(shù),target.appendChild(elem);看到這個代碼就很明了,在回調(diào)函數(shù)中分離各自的處理方法,通過domManip抽象出公共的處理,其余的prepend 、before 、after等接口也是類似的處理查看全部
-
對封裝的節(jié)點操作做了參數(shù)上的校正支持,與對應處理的調(diào)用:append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。 為什么需要用這個domManip函數(shù)呢? 我們知道節(jié)點操作瀏覽器提供的接口無非就是那么幾個: appendChild() 通過把一個節(jié)點增加到當前節(jié)點的childNodes[]組,給文檔樹增加節(jié)點: cloneNode() 復制當前節(jié)點,或者復制當前節(jié)點以及它的所有子孫節(jié)點: hasChildNodes() 如果當前節(jié)點擁有子節(jié)點,則將返回true: in重置代碼sertBefore() 給文檔樹插入一個節(jié)點,位置在當前節(jié)點的指定子節(jié)點之前。如果該節(jié)點已經(jīng)存在,則刪除之再插入到它的位置: removeChild() 從文檔樹中刪除并返回指定的子節(jié)點: replaceChild() 從文檔樹中刪除并返回指定的子節(jié)點,用另一個節(jié)點替換它查看全部
-
jQuery children() 方法 獲得匹配元素集合中每個元素的子元素,選擇器選擇性篩選。 因為就jQuery可以是一個DOM的合集對象,所以children就需要遍歷每一個合集中的直接子元素了,并且最后需要構建一個新的jQuery對象。 jQuery find() 方法 1、.find()方法返回被選元素的后代元素,一路向下直到最后一個后代。 2、.find()方法允許我們能夠通過查找DOM樹中的這些元素的后代元素,匹配的元素將構造一個新的jQuery對象。 3、.find()和.children()方法是相似的,但后者只是再DOM樹中向下遍歷一個層級。 4、.find()方法還可以接受一個選擇器表達式,該選擇器表達式可以是任何可傳給$()函數(shù)的選擇器表達式。如果緊隨兄弟匹配選擇器,它將被保留在新構建的jQuery對象中;否則,它被排除在外。 這個方法用的概率相當高,除了接受一個選擇器外,還可以接受一個jQuery對象,我們可以看到.find()方法的內(nèi)部實際上是調(diào)用的jQuery.find 也就是sizzle的引擎選擇器。查看全部
-
.next() 獲得匹配元素集合中每個元素緊鄰的同輩元素。 .prev() 獲得匹配元素集合中每個元素緊鄰的前一個同輩元素,由選擇器篩選(可選)。 .siblings() 獲得匹配元素集合中所有元素的同輩元素,由選擇器篩選(可選)。查看全部
-
.nextAll() 獲得匹配元素集合中每個元素之后的所有同輩元素,由選擇器進行篩選(可選)。 .nextUntil() 獲得每個元素之后所有的同輩元素,直到遇到匹配選擇器的元素為止。 .prevAll() 獲得匹配元素集合中每個元素之前的所有同輩元素,由選擇器進行篩選(可選)。 .prevUntil() 獲得每個元素之前所有的同輩元素,直到遇到匹配選擇器的元素為止。查看全部
舉報
0/150
提交
取消