jQuery使用after()方法在元素后面添加多項(xiàng)內(nèi)容的方法
更新時(shí)間：2015年03月26日 12:17:45 作者：上大王
這篇文章主要介紹了jQuery使用after()方法在元素后面添加多項(xiàng)內(nèi)容的方法,實(shí)例分析了jQuery中after方法的功能及在元素后面添加內(nèi)容的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery使用after()方法在元素后面添加多項(xiàng)內(nèi)容的方法。分享給大家供大家參考。具體分析如下：
jQuery可通過(guò)after()方法在元素后面添加多項(xiàng)內(nèi)容，after()可以帶多個(gè)參數(shù)，在指定元素后面添加多項(xiàng)內(nèi)容
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
function afterText()
{
var txt1="<b>I </b>"; // Create element with HTML
var txt2=$("<i></i>").text("love "); // Create with jQuery
var txt3=document.createElement("big"); // Create with DOM
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3); // Insert new elements after img
}
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jQuery" width="100" height="140">
<br><br>
<button onclick="afterText()">Insert after</button>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
對(duì)從數(shù)據(jù)庫(kù)去的數(shù)據(jù)動(dòng)態(tài)生成樹(shù)形欄進(jìn)行增刪改查操作，可是用$(".XX").click();方法是不行的，關(guān)于這個(gè)問(wèn)題的解決方法如下2014-08-08
jquery限定文本框只能輸入數(shù)字（整數(shù)和小數(shù)）
這篇文章主要介紹了jquery限定文本框只能輸入數(shù)字，包括整數(shù)和小數(shù)，感興趣的小伙伴們可以參考一下2016-01-01
舉例講解jQuery對(duì)DOM元素的向上遍歷、向下遍歷和水平遍歷
使用jQuery可以更加容易地遍歷DOM的父級(jí)、子級(jí)和同級(jí)元素,這里我們就來(lái)舉例講解jQuery對(duì)DOM元素的向上遍歷、向下遍歷和水平遍歷:2016-07-07
實(shí)現(xiàn)placeholder效果的方案匯總
由于placeholder是html5的新屬性，可想而知，僅支持html5的瀏覽器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。2015-06-06
基于jquery的用dl模擬實(shí)現(xiàn)可自定義樣式的SELECT下拉列表(已封裝)
通過(guò)dl模擬實(shí)現(xiàn)SELECT下拉列表. 其實(shí)這是項(xiàng)目中要常用到的一個(gè)效果, 于是, 在之前寫(xiě)的基礎(chǔ)上封裝成了一個(gè)插件. 可自定義樣式, 可防止用戶本意劃過(guò)時(shí)觸發(fā)事件.2010-11-11
分享33個(gè)jQuery與CSS3實(shí)現(xiàn)的絢麗鼠標(biāo)懸停效果
今天整理了33個(gè)使用jQuery與CSS3實(shí)現(xiàn)絢麗的鼠標(biāo)懸停效果，有些是純CSS3的，這些效果你完全可以用在你的網(wǎng)頁(yè)上，讓網(wǎng)站獲得更好的體驗(yàn)2014-12-12
jQuery插件EasyUI校驗(yàn)規(guī)則 validatebox驗(yàn)證框
這篇文章主要介紹了jQuery插件EasyUI校驗(yàn)規(guī)則，主要介紹validatebox驗(yàn)證框，對(duì)validatebox進(jìn)行校驗(yàn)規(guī)則擴(kuò)展，使用jQuery EasyUI的朋友可以參考下。2015-11-11
本文匯總介紹了常見(jiàn)的jQuery選擇器知識(shí)，包含基本元素選擇器、分層選擇器、基本條件選擇器、內(nèi)容條件選擇器、可見(jiàn)性條件選擇器、屬性選擇器、子元素選擇器、表單元素選擇器、表單屬性選擇器。十分的詳盡，有需要的小伙伴參考下吧2014-11-11
這篇文章主要介紹了jQuery 3.0中存在問(wèn)題及解決辦法的相關(guān)資料,需要的朋友可以參考下2016-07-07
利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息
本篇文章主要介紹了利用JQuery制作符合Web標(biāo)準(zhǔn)的QQ彈出消息。這里所說(shuō)的彈出消息指的是在網(wǎng)頁(yè)右下角升起又下去的那種框框,在這里用到了jQuery的自定義動(dòng)畫(huà)2014-01-01