亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
  • $('.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>

    http://img1.sycdn.imooc.com//5e05ac7a0001f7d305080230.jpg


    查看全部
  • 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(目標位置)


    查看全部

舉報

0/150
提交
取消
課程須知
1、有HTML/CSS基礎 2、有JavaScript基礎
老師告訴你能學到什么?
1、jQuery的語法 2、jQuery節點操作

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!