亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery添加新內(nèi)容的四個常用方法分析【append，prepend，after，before】

 更新時間：2019年03月19日 10:16:11   作者：白楊-M  
這篇文章主要介紹了jQuery添加新內(nèi)容的四個常用方法,結合實例形式分析了jQuery元素添加append，prepend，after，before四種方法的功能與相關使用技巧,需要的朋友可以參考下

本文實例講述了jQuery添加新內(nèi)容的四個常用方法。分享給大家供大家參考，具體如下：

添加新內(nèi)容的四個 jQuery 方法區(qū)別如下：

append() - 在被選元素（里面）的結尾插入內(nèi)容

prepend() - 在被選元素（里面）的開頭插入內(nèi)容

//jQuery append() 方法在被選元素的結尾插入內(nèi)容。
$("p").append("Some appended text.");


//jQuery prepend() 方法在被選元素的開頭插入內(nèi)容。
$("p").prepend("Some prepended text.");

通過 append() 和 prepend() 方法添加若干新元素

function appendText()
{
var txt1="<p>Text.</p>";        // 以 HTML 創(chuàng)建新元素
var txt2=$("<p></p>").text("Text.");  // 以 jQuery 創(chuàng)建新元素
var txt3=document.createElement("p"); // 以 DOM 創(chuàng)建新元素
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3);     // 追加新元素
}

after() - 在被選元素（外面）之后插入內(nèi)容

before() - 在被選元素（外面）之前插入內(nèi)容

$("img").after("Some text after");


$("img").before("Some text before");

通過 after() 和 before() 方法添加若干新元素

function afterText()
{
var txt1="<b>I </b>";          // 以 HTML 創(chuàng)建新元素
var txt2=$("<i></i>").text("love ");   // 通過 jQuery 創(chuàng)建新元素
var txt3=document.createElement("big"); // 通過 DOM 創(chuàng)建新元素
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3);     // 在 img 之后插入新元素
}

更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。

相關文章

  • EasyUI 數(shù)據(jù)表格datagrid列自適應內(nèi)容寬度的實現(xiàn)

    EasyUI 數(shù)據(jù)表格datagrid列自適應內(nèi)容寬度的實現(xiàn)

    這篇文章主要介紹了EasyUI 數(shù)據(jù)表格datagrid列自適應內(nèi)容寬度的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2019-07-07
  • JQuery下的Live方法和$.browser方法使用代碼

    JQuery下的Live方法和$.browser方法使用代碼

    網(wǎng)站做好了，老師卻要求要3級菜單，無奈只好去做3級菜單了。這次3級菜單的思路是在原有不變的基礎上，對有3級菜單的ID，選擇進入新的一個控件。在這個新的控件里用ajax去請求其3級目錄里的東西。
    2010-06-06
  • jQuery實現(xiàn)點擊自身以外區(qū)域關閉彈出層功能完整示例【改進版】

    jQuery實現(xiàn)點擊自身以外區(qū)域關閉彈出層功能完整示例【改進版】

    這篇文章主要介紹了jQuery實現(xiàn)點擊自身以外區(qū)域關閉彈出層功能,結合具體實例形式分析了jQuery事件響應及頁面元素屬性動態(tài)操作實現(xiàn)彈出層打開與關閉相關操作技巧,需要的朋友可以參考下
    2018-07-07
  • 基于jQuery實現(xiàn)Tabs選項卡自定義插件

    基于jQuery實現(xiàn)Tabs選項卡自定義插件

    這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)Tabs選項卡自定義插件,具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-11-11
  • jquery ui對話框?qū)嵗a

    jquery ui對話框?qū)嵗a

    在網(wǎng)頁設計中，不論是為了減少于由于頁面跳轉(zhuǎn)而帶來的不友好用戶體驗，還是為了維持桌面應用程序的使用習慣，對話框的設計都是不可或缺的。
    2013-05-05
  • Jquery-1.9.1源碼分析系列（十一）之DOM操作

    Jquery-1.9.1源碼分析系列（十一）之DOM操作

    dom操作主要包括append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。其核心處理函數(shù)是domManip，本文給大家介紹Jquery-1.9.1源碼分析系列（十一）之DOM操作，感興趣的朋友一起學習吧
    2015-11-11
  • jQuery實現(xiàn)一個簡單的輪播圖

    jQuery實現(xiàn)一個簡單的輪播圖

    本文主要介紹了jQuery實現(xiàn)一個簡單輪播圖的方法，具有很好的參考價值，下面跟著小編一起來看下吧
    2017-02-02
  • JQuery菜單效果的兩個實例講解（3）

    JQuery菜單效果的兩個實例講解（3）

    本文跟大家分享了兩個Jquery菜單效果，各有各的特色，希望大家都會喜歡，并且能夠熟練掌握，感興趣的小伙伴們可以參考一下
    2015-09-09
  • jquery自定義表格樣式

    jquery自定義表格樣式

    這篇文章主要介紹了jquery如何自定義表格樣式，分別實現(xiàn)三種樣式：默認狀態(tài)（灰白相間），鼠標懸浮狀態(tài)（綠色），鼠標點擊狀態(tài)（黃色），感興趣的小伙伴們可以參考一下
    2015-11-11
  • 使用jquery獲取url以及jquery獲取url參數(shù)的實現(xiàn)方法

    使用jquery獲取url以及jquery獲取url參數(shù)的實現(xiàn)方法

    下面小編就為大家?guī)硪黄褂胘query獲取url以及jquery獲取url參數(shù)的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05

最新評論