-
$('.item-2').next(':eq(1)'),你應該是覺得$('.item-2').next()就夠了,因為next()總是為class=item-2緊接的那個元素,但是class=item-2的元素不止一個啊,所以$('.item-2').next()的元素也不止一個。
????所以$('.item-2').next(':eq(1)')是選擇為所有的類為class=item-2元素下面的那個元素的集合中下標為1的那個元素。
查看全部 -
$("li").add("<p> new </p>").appendTo($(".right"); 表明把li 和 新增的p 一起放入 right中.
但是新增p 放入順序始終在li的下面 新增? 通過點擊第一個改變顏色可以觀察新增P的位置
查看全部 -
$("h1").add("p").add("span").css("background-color","yellow");
會將h1 , p span 全部 css轉換為color:yellow;
查看全部 -
$("p").wrapAll("<div></div>") ;
會強制將所有p元素組合到一個div內部中 不管是否在另一個div中
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").wrapAll("<div class='a'></div>");
});
});
</script>
<style type="text/css">
.a{
color:red;
}
div{background-color:yellow;}
</style>
</head>
<body>
<p>這是一個段落。</p>
<p>這是另一個段落。</p>
<button>給所有p元素包裝一個div元素</button>
<div>
<p>1231</p>
444
</div>
<p>asd</p>
</body>
查看全部 -
parent()無參數
parent()方法允許我們能夠在DOM樹中搜索到這些元素的父級元素,從有序的向上匹配元素,并根據匹配的元素創建一個新的 jQuery 對象
查看全部 -
remove:移除節點
無參數,移除自身整個節點以及該節點的內部的所有節點,包括節點上事件與數據
有參數,移除篩選出的節點以及該節點的內部的所有節點,包括節點上事件與數據
detach:移除節點
移除的處理與remove一致
與remove()不同的是,所有綁定的事件、附加的數據等都會保留下來
例如:$("p").detach()這一句會移除對象,僅僅是顯示效果沒有了。但是內存中還是存在的。當你append之后,又重新回到了文檔流中。就又顯示出來了。
查看全部 -
empty方法
嚴格地講,empty()方法并不是刪除節點,而是清空節點,它能清空元素中的所有后代節點
empty不能刪除自己本身這個節點
remove方法
該節點與該節點所包含的所有后代節點將同時被刪除
提供傳遞一個篩選的表達式,刪除指定合集中的元素
查看全部 -
????內部操作四個方法的區別:
append()向每個匹配的元素內部追加內容
prepend()向每個匹配的元素內部前置內容
appendTo()把所有匹配的元素追加到另一個指定元素的集合中
prependTo()把所有匹配的元素前置到另一個指定的元素集合中
查看全部 -
1. $(選擇器).click(fn)
當選中的選擇器被點擊時觸發回調函數fn。只針對與頁面已存在的選擇器。2.$(選擇器).on('click',function(){})
on方法包含很多事件,點擊,雙擊等等事件。和$().click()的用法一樣,最大的區別即優點是如果動態創建的元素在該選擇器選中范圍內是能觸發回調函數。
查看全部 -
創建元素:document.createElement
設置屬性:setAttribute
添加文本:innerHTML
加入文檔:appendChild
查看全部 -
remove:移除節點
無參數,移除自身整個節點以及該節點的內部的所有節點,包括節點上事件與數據
有參數,移除篩選出的節點以及該節點的內部的所有節點,包括節點上事件與數據
detach:移除節點
移除的處理與remove一致
與remove()不同的是,所有綁定的事件、附加的數據等都會保留下來
例如:$("p").detach()這一句會移除對象,僅僅是顯示效果沒有了。但是內存中還是存在的。當你append之后,又重新回到了文檔流中。就又顯示出來了。
查看全部 -
?$("p").detach()把所有的P元素刪除后,再通過append把刪除的p元素放到頁面上
查看全部 -
創建元素:document.createElement
設置屬性:setAttribute
添加文本:innerHTML
加入文檔:appendChild
查看全部 -
?$('li').add('p').css('background', 'red')
這個add('p')是指把已經存在的那個p元素加入到li集合中,不是新創建一個p元素,與第二個例子不同
查看全部 -
操作:選擇所有的li元素,之后把p元素也加入到li的合集中
<ul> ????<li>list?item?1</li> ????<li>list?item?3</li> </ul> <p>新的p元素</p>
處理一:傳遞選擇器
$('li').add('p')
處理二:傳遞dom元素
$('li').add(document.getElementsByTagName('p')[0])
還有一種方式,就是動態創建P標簽加入到合集,然后插入到指定的位置,但是這樣就改變元素的本身的排列了
?$('li').add('<p>新的p元素</p>').appendTo(目標位置)
查看全部
舉報