编程 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 相关文章推荐

js资料toString 方法

Mar 13 Javascript

JavaScript高级程序设计事件学习笔记

Sep 10 Javascript

script标签属性用type还是language

Jan 21 Javascript

jquery跟随屏幕滚动效果的实现代码

Apr 13 Javascript

Vue数据驱动模拟实现1

Jan 11 Javascript

Agularjs妙用双向数据绑定实现手风琴效果

May 26 Javascript

React教程之Props验证的具体用法（Props Validation）

Sep 04 Javascript

小程序清理本地缓存的方法

Aug 17 Javascript

从源码里了解vue中的nextTick的使用

Nov 22 Javascript

Vue3.0数据响应式原理详解

Oct 09 Javascript

Javascript幻灯片播放功能实现过程解析

May 07 Javascript

js闭包和垃圾回收机制示例详解

Mar 01 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