-
.add()的參數可以幾乎接受任何的$(),包括一個jQuery選擇器表達式,DOM元素,或HTML片段引用。 處理一:傳遞選擇器 //li和p都添加一個背景顏色 $('li').add('p').css('background', 'red') 處理二:傳遞dom元素 $('li').add(document.getElementsByTagName('p')[0]) 處理三:就是動態創建P標簽加入到合集,然后插入到指定的位置,但是這樣就改變元素的本身的排列了 //把html結構'<p>新的p元素</p>' //加入到li的合集中,為了能夠在頁面上顯示 //需要在重新appendTo要指定的節點處 //值得注意:整個結構位置都改變了 $('li').add('<p>新的p元素</p>').appendTo($('.right'))查看全部
-
parent匹配集合中所有元素的祖輩元素 parents()返回dom樹中搜索到這些元素的祖先元素,從有序的向上匹配元素,并根據匹配的元素創建一個新的jquery對象。查看全部
-
siblings() ==》 通過無參和有參來查找同一父級的前面后面的兄弟元素查看全部
-
prev() ==》 通過有參和無參來查找同級的上一個兄弟元素查看全部
-
next()用法有參和無參使用 // 找到同級元素.item-2的下一個元素 $("li.item-2").next().css('border','1px solid red'); //找到所有class=item-3的li //然后給每個li,然后篩選出第一個,加上藍色的邊 $('.item-2').next(':first').css('border', '1px solid blue')查看全部
-
closest(selector)方法要給定一個條件來查找元素 .parents()和.closest()區別: 1.起始位置不同:.closest開始于當前元素 .parents開始于父元素 2.遍歷的目標不同:.closest要找到指定的目標,.parents遍歷到文檔根元素,closest向上查找,直到找到一個匹配就停止查找,parents一直查找到根元素,并將匹配的元素加入集合 3.結果不同:.closest返回的是包含零個或一個元素的jquery對象,parents返回的是包含零個或一個或多個元素的jquery對象查看全部
-
創建元素:document.createElement 設置屬性:setAttribute 添加文本:innerHTML 加入文檔:appendChild查看全部
-
.parents()和.closest()的區別 起始位置不同:.closest開始于當前元素 .parents開始于父元素 遍歷的目標不同:.closest要找到指定的目標,.parents遍歷到文檔根元素,closest向上查找,知道找到一個匹配就停止查找,parents一直查找到根元素,并將匹配的元素加入集合 結果不同:.closest返回的是包含零個或一個元素的jquery對象,parents返回的是包含零個或一個或多個元素的jquery對象查看全部
-
創建元素:document.createElement 設置屬性:setAttribute 添加文本:innerHTML 加入文檔:appendChild查看全部
-
parents() ==》 一直往上查找,找到祖先節點 可有參數篩選條件 parent()與parents()的區別: 1.parent只會查找一級,而parents()則查找到祖先級節點 2.$( "html" ).parent()方法返回一個包含document的集合,而$( "html" ).parents()返回一個空集合。查看全部
-
parent() ==》 向上查找一級父元素 //找到所有class=level-3的ul //找到它的父元素li,并且加上一個紅色的邊框 $("ul.level-3").parent().css("border","1px solid red"); ==》 無參 //找到所有class=item-a的父元素 //然后給每個ul,然后篩選出最后一個,加上藍色的邊 $('.item-a').parent(':last').css('border', '1px solid blue') ==》 有參查看全部
-
.find()方法要注意的知識點: find是遍歷當前元素集合中每個元素的后代。只要符合,不管是兒子輩,孫子輩都可以。 與其他的樹遍歷方法不同,選擇器表達式對于 .find() 是必需的參數。如果我們需要實現對所有后代元素的取回,可以傳遞通配選擇器 '*'。 find只在后代中遍歷,不包括自己。 選擇器 context 是由 .find() 方法實現的;因此,$('li.item-ii').find('li') 等價于 $('li', 'li.item-ii')。 注意重點: .find()和.children()方法是相似的 1.children只查找第一級的子節點 2.find查找范圍包括子節點的所有后代節點查看全部
-
children() ==》 查找元素的第一級子元素 $('div').children() ==> 無參數 $('div').children(".selected") ==> 有參,查找篩選出來的結果查看全部
-
:.children(selector)方法返回匹配元素集合中每個元素的所有子元素(僅兒子輩) 允許通過dom樹中對這些元素進行搜索,并且構造一個新的匹配元素的jquery對象查看全部
-
.wrapInner(wrappingElement):給html的文本內容添加一個包裹,如果原文本內容就將被一個標簽包裹,則,原始的標簽將成為父元素,被添加的包裹則為子元素(個人理解)。查看全部
舉報
0/150
提交
取消