幸运蛋蛋pc开奖
这篇文章主要介绍了jQuery添加新内容的四个常用方法,结合实例形式分析了jQuery元素添加append,prepend,after,before四种方法的功能与相关使用,需要的朋友可以参考下

本文实例讲述了jQuery添加新内容的四个常用方法。分享给大家供大家参考,具体如下:

添加新内容的四个 jQuery 方法区别如下:

append() - 在被选元素(里面)的结尾插入内容

prepend() - 在被选元素(里面)的开头插入内容

//jQuery append() 方法在被选元素的结尾插入内容。
$("p").append("Some appended text.");

//jQuery prepend() 方法在被选元素的开头插入内容。
$("p").prepend("Some prepended text.");

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

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

after() - 在被选元素(外面)之后插入内容

before() - 在被选元素(外面)之?#23433;?#20837;内容

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

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

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

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

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作汇总》、《jQuery常见事件用法与总结》、《jQuery常用插件及用法总结》、《jQuery扩展总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计?#20852;?#24110;助。

最新资讯
小?#33258;?#24230;回购1074万股股份 耗?#24335;?亿港元

小?#33258;?#24230;回购1074万股

小米集团日前对外发布公告称,9月23日再次回购1074万股,
康泰纳仕中国声明:未发现?#24179;?#26377;任何违规?#24418;?></a>
</div>
<div class=

品钛上半年净利润1.03

中国金融科技解决方案提供?#21776;?#38043;今日发布了截至6月30

面临巨亏和用工法案重压 Uber想借货“运”来盈利?

面临巨亏和用工法案重

Uber不仅在近期面临?#20013;?#20111;损的阴霾,更为窘迫的是,9月10
孙正义失去投资嗅觉了吗?

孙正义失去投资嗅觉了

WeWork正成为孙正义的愿景基金在金融市场上最大的滑铁
中国移动携手华为完成5G话音的全部功能测试

中国移动携手华为完成

近日,中国移动与华为携手在?#26412;?#20449;息港率先完成了基于5G
最新文章
Javascript读写cookie的实例源码

Javascript读写cookie

今天小编就为大家分享一篇关于Javascript读写cookie的
微信小程序登录session的使用

微信小程序登录sessio

这篇文章主要介绍了微信小程序登录session的使用,小编
JavaScript中this用法学习笔记

JavaScript中this用法

在本篇文章里小编给大家分享了关于JavaScript中this用
nodejs微信开发之授权登录+获取用户信息

nodejs微信开发之授权

这篇文章主要介绍了nodejs微信开发之授权登录+获取用
nodejs微信开发之自动回复的实现

nodejs微信开发之自动

这篇文章主要介绍了nodejs微信开发之自动回复的实现,文
node微信开发之获取access_token+自定义菜单

node微信开发之获取ac

这篇文章主要介绍了node微信开发之获取access_token+
幸运蛋蛋pc开奖 安徽快三形态图 5月9号快乐12开奖结果 寶寶平特 福建31选7今天开奖结果 青海快3开奖走势图今天 湖南快乐十分选号技巧 足球混合过关计算器 天津时时视频直播 一肖中特一免费大公开 赛车pk拾开奖