jQuery中after的兩種用法實(shí)例
更新時(shí)間：2013年07月03日 15:45:02 作者：
after() 方法在被選元素后插入指定的內(nèi)容
法一：
在每個(gè)p元素后插入內(nèi)容：
$("button").click(function(){
$("p").after("<p>Hello world!</p>");
});
法二：
$("button").click(function(){
$("p").after(function(n){
return "<p>The p element above has index " + n + "</p>";
});
});
after中函數(shù)必須返回一個(gè)html字符串。
在每個(gè)p元素后插入內(nèi)容：
復(fù)制代碼 代碼如下:
$("button").click(function(){
$("p").after("<p>Hello world!</p>");
});
法二：
復(fù)制代碼 代碼如下:
$("button").click(function(){
$("p").after(function(n){
return "<p>The p element above has index " + n + "</p>";
});
});
after中函數(shù)必須返回一個(gè)html字符串。
相關(guān)文章
jQuery實(shí)現(xiàn)獲取及設(shè)置CSS樣式操作詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)獲取及設(shè)置CSS樣式操作,結(jié)合實(shí)例形式分析了jQuery中常用的addClass()、removeClass()、toggleClass()及css()相關(guān)使用方法及操作注意事項(xiàng),需要的朋友可以參考下2018-09-09
jQuery實(shí)現(xiàn)單擊按鈕遮罩彈出對(duì)話框效果(2)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)單擊按鈕遮罩彈出對(duì)話框效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
easyui datagrid 表格中操作欄 按鈕圖標(biāo)不顯示的解決方法
下面小編就為大家?guī)?lái)一篇easyui datagrid 表格中操作欄 按鈕圖標(biāo)不顯示的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
element form 校驗(yàn)數(shù)組每一項(xiàng)實(shí)例代碼
這篇文章主要介紹了element form 校驗(yàn)數(shù)組每一項(xiàng)的實(shí)例代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10
layer是一款近年來(lái)備受青睞的web彈層組件，她具備全方位的解決方案，致力于服務(wù)各水平段的開(kāi)發(fā)人員，您的頁(yè)面會(huì)輕松地?fù)碛胸S富友好的操作體驗(yàn)，接下來(lái)通過(guò)本文給大家介紹layui常用方法，需要的朋友參考下2016-07-07
easyui datebox 時(shí)間限制，datebox開(kāi)始時(shí)間限制結(jié)束時(shí)間，datebox截止日期比起始日期大的實(shí)現(xiàn)代碼
這篇文章主要介紹了easyui datebox 時(shí)間限制，datebox開(kāi)始時(shí)間限制結(jié)束時(shí)間，datebox截止日期比起始日期大的實(shí)現(xiàn)代碼，需要的朋友參考下吧2017-01-01
如果你不知道什么是jQuery autocomplete插件，請(qǐng)看圖。你可以測(cè)試一下本站的搜索。當(dāng)然也可以百度一下。2009-04-04
autoIMG 基于jquery的圖片自適應(yīng)插件代碼
為了防止圖片撐破布局，最常見(jiàn)的仍然是通過(guò)onload后獲取圖片尺寸再進(jìn)行調(diào)整，所以加載過(guò)程中仍然會(huì)撐破。2011-03-03
jquery點(diǎn)擊實(shí)現(xiàn)升序降序圖標(biāo)切換
這篇文章主要為大家詳細(xì)介紹了jquery點(diǎn)擊實(shí)現(xiàn)升序降序圖標(biāo)切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
ztree實(shí)現(xiàn)權(quán)限橫向顯示功能
最近在做權(quán)限功能的時(shí)候，采用的ztree實(shí)現(xiàn)的，但是產(chǎn)品要求最后一層的權(quán)限節(jié)點(diǎn)要橫向顯示。下面小編把基于ztree實(shí)現(xiàn)權(quán)限橫向顯示功能的實(shí)現(xiàn)思路分享給大家，供大家參考2017-05-05