编程 Javascript

jQuery使用prepend()方法在元素前添加内容用法实例

Posted in Javascript onMarch 26, 2015

本文实例讲述了jQuery使用prepend()方法在元素前添加内容的用法。分享给大家供大家参考。具体分析如下：

下面的代码可实现在文本前和列表前添加新的元素

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("#btn1").click(function(){
  $("p").prepend("<b>Prepended text</b>. ");
 });
 $("#btn2").click(function(){
  $("ol").prepend("<li>Prepended item</li>");
 });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ol>
<button id="btn1">Prepend text</button>
<button id="btn2">Prepend list item</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

jQuery使用prepend()方法在元素前添加内容用法实例

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法

Nov 30 Javascript

增强用户体验友好性之jquery easyui window 窗口关闭时的提示

Jun 22 Javascript

jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动

Mar 27 Javascript

js实现点击左右按钮轮播图片效果实例

Jan 29 Javascript

JavaScript获取页面中第一个锚定文本的方法

Apr 03 Javascript

基于jQuey实现鼠标滑过变色(整行变色)

Dec 07 Javascript

js随机生成一个验证码

Jun 01 Javascript

bootstrap multiselect下拉列表功能

Aug 22 Javascript

微信小程序日历/日期选择插件使用方法详解

Dec 28 Javascript

JavaScript：ES2019 的新特性(译)

Aug 08 Javascript

vue v-for直接循环数字实例

Nov 07 Javascript

JavaScript计算出两个数的差值

Mar 19 Javascript

jQuery使用append在html元素后同时添加多项内容的方法

Mar 26 #Javascript

jQuery使用before()和after()在元素前后添加内容的方法

Mar 26 #Javascript

jQuery使用after()方法在元素后面添加多项内容的方法

Mar 26 #Javascript

jQuery使用empty()方法删除元素及其所有子元素的方法

Mar 26 #Javascript

jquery使用remove()方法删除指定class子元素

Mar 26 #Javascript

jQuery使用removeClass方法删除元素指定Class的方法

Mar 26 #Javascript

jQuery给多个不同元素添加class样式的方法

Mar 26 #Javascript