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)文章
jQuery的插件提供了一個(gè)很好的方法，節(jié)省了時(shí)間和簡(jiǎn)化了開(kāi)發(fā)，避免程序員從頭開(kāi)始編寫每個(gè)組件。但是，插件也將一個(gè)不穩(wěn)定因素引入代碼中。一個(gè)好的插件節(jié)省了無(wú)數(shù)的開(kāi)發(fā)時(shí)間，一個(gè)質(zhì)量不好的插件會(huì)導(dǎo)致修復(fù)錯(cuò)誤的時(shí)間比實(shí)際從頭 開(kāi)始編寫組件的時(shí)間還長(zhǎng)。2014-09-09
全面詳細(xì)的jQuery常見(jiàn)開(kāi)發(fā)技巧手冊(cè)
這篇文章主要為大家分享了一份全面詳細(xì)的jQuery常見(jiàn)開(kāi)發(fā)技巧手冊(cè)，幫助大家更好的進(jìn)行jquery開(kāi)發(fā)，感興趣的小伙伴們可以參考一下2016-02-02
借助jQuery,我們能夠更加輕松地判斷頁(yè)面滾動(dòng)條(scroll)是上滾還是下滾,且是否滾動(dòng)到頭部或者底部,這里我們就來(lái)看一下使用jQuery判斷瀏覽器滾動(dòng)條位置的方法2016-05-05
基于jQuery實(shí)現(xiàn)表單提交驗(yàn)證
本文給大家分享的是一段基于jQuery的實(shí)現(xiàn)簡(jiǎn)單的表單提交驗(yàn)證的代碼，非常簡(jiǎn)單實(shí)用，推薦給有相同需求的小伙伴們參考下。2014-11-11
jQuery實(shí)現(xiàn)的卷簾門滑入滑出效果【案例】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的卷簾門滑入滑出效果,結(jié)合具體實(shí)例形式分析了jQuery事件綁定及slideToggle方法實(shí)現(xiàn)滑入滑出效果相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
jquery實(shí)現(xiàn)異步加載圖片（懶加載圖片一種方式）
本篇文章主要介紹了jquery實(shí)現(xiàn)異步加載（懶加載圖片一種方式），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-04-04
append和appendTo的區(qū)別以及appendChild用法
很多新手朋友們對(duì)append和appendTo的區(qū)別以及js中的appendChild用法有所模糊，下面就舉例為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過(guò)2013-12-12
jquery插件ajaxupload實(shí)現(xiàn)文件上傳操作
這篇文章主要為大家詳細(xì)介紹了jquery插件ajaxupload實(shí)現(xiàn)文件上傳操作，感興趣的小伙伴們可以參考一下2015-12-12
jquery驗(yàn)證手機(jī)號(hào)碼、郵箱格式是否正確示例代碼
本文為大家介紹下使用jquery驗(yàn)證郵箱、驗(yàn)證手機(jī)號(hào)碼，具體實(shí)現(xiàn)思路及代碼如下，感興趣的朋友可以學(xué)習(xí)下2013-07-07
JQuery查找子元素find()和遍歷集合each的方法總結(jié)
下面小編就為大家?guī)?lái)一篇JQuery查找子元素find()和遍歷集合each的方法總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03