排除公告

嗨!遊客

歡迎您的到來喔!第一次來此嗎?

如有任何問題,還請到 建言/問題

教學 加入元素的方式

本帖由 yoching2018-08-07 發佈。版面名稱:JQUERY

  1. yoching

    yoching 站務人員
    管理成員

    註冊:
    2016-10-01
    文章:
    35
    讚:
    3
    • append() - 在被選擇的元素結尾插入內容
    • prepend() - 在被選擇的元素開頭加入內容
    • after() - 在被選擇動元素之後加入內容
    • before() - 在被選擇的元素之前加入內容

    依其以下的頁面表示來說
    HTML:
    <p>這是一個原來的元素</p>
    運行如下的append命令
    HTML:
    $("p").append("<b>加入的元件</b>")
    會產生如下的內容
    HTML:
    <p>這是一個原來的元素<b>加入的元件</b></p>
    運行如下的prepend命令
    HTML:
    $("p").prepend("<b>加入的元件</b>")
    會產生如下的內容
    HTML:
    <p><b>加入的元件</b>這是一個原來的元素</p>
    運行如下的after命令
    HTML:
    $("p").after("<b>加入的元件</b>")
    會產生如下的內容
    HTML:
    <p>這是一個原來的元素</p><b>加入的元件</b>
    運行如下的before命令
    HTML:
    $("p").before("<b>加入的元件</b>")
    會產生如下的內容
    HTML:
    <b>加入的元件</b><p>這是一個原來的元素</p>
     

分享此頁面

正在載入...