第35章 以下 jQuery 方法有什么作用？如何使用？給出范例

作用

  1. .append()
    可以一次添加多個(gè)內(nèi)容，內(nèi)容可以是DOM對象、HTML string、jQuery對象
    $('body').append($('<p>nihao</>'))

    image

$('body').append('<h1>jqueryDOM</h1>')

image

$('body').append('nihao')

image

頁面的變化

image

  1. .prepend()
    向?qū)ο箢^部追加內(nèi)容，用法和.append()類似，內(nèi)容添加到最開始
    $('ul').prepend('<p>ul內(nèi)容的前面</p>')

    image

$('li').eq(0).prepend('<p>ul內(nèi)容的前面</p>')

image

頁面變化

image

  1. .before()
    在對象前面(不是頭部，而是外面，和對象并列同級)插入內(nèi)容，參數(shù)和.append()類似
    $('ul').before('<p>ul的兄弟元素，并且出現(xiàn)在ul的前面')

    image

頁面變化

image

  1. .after()
    和.before()相反，在對象后面(不是尾部，而是外面，和對象并列同級)插入內(nèi)容，參數(shù)和.append()類似
    $('ul').after('<p>出現(xiàn)在ul的下面</p>')

    image

頁面變化

image

  1. .remove()
    刪除被選元素（及其子元素）
    $('ul').remove()

    image

  2. .empty()
    清空被選擇元素內(nèi)所有子元素

    image

    $('div').empty()

    image

  3. .html()
    這是一個(gè)讀寫兩用的方法，用于獲取/修改元素的innerHTML

  • 當(dāng)沒有傳遞參數(shù)的時(shí)候，返回元素的innerHTML

  • 當(dāng)傳遞了一個(gè)string參數(shù)的時(shí)候，修改元素的innerHTML為參數(shù)值
    $('div').html()

    image
    image

    $('div').html('<p>.html()</p>')

    image
    image

  1. .text()
    和html方法類似，操作的是DOM的innerText值
    原內(nèi)容

    image

    $('div').text()

    image

    $('div').text('hello')

    image

    內(nèi)容發(fā)生變化

    image
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容