jQuery中添加与删除元素

我们可以使用jQuery方便的添加或删除元素。

1、使用jQuery生成新元素，生成新元素的方法，比如，我要生成一个有序列表的标签，只需要：
var ol = $('<ol></ol>');
即可

2、append()方法：
在元素的的内容后面添加元素

我们可以使用jQuery来添加元素，上面的例子中只有一个ol标签肯定是不行的，还需要给里面添加li标签，这时候就可以使用：

ol.append($('<li>瓦尔登湖</li>'));
ol.append($('<li>小王子</li>'));
ol.append($('<li>西游记</li>'));

3、prepend() 方法：
在被选元素的内容前面添加元素：

现在又有一个新的需求，需要给ol标签的最前面添加一行列表，就可以使用prepend()方法：

ol.prepend($('<li>水浒传</li>'));

4、before()方法：
在被选元素之前添加元素：

比如有一个img标签，要在img标签的前面添加一个p标签：
var p1 = $('<p>前面的段落</p>');
$("#img1").before(p1);

5、after()方法：
在被选元素之后添加元素：

同样的道理，在img标签的后面添加一个p标签：

var p2 = $('<p>后面的段落</p>');
$("#img1").after(p2);

6、删除HTML中的元素：
remove():
remove方法可以删除HTML中的元素，比如我想删除ol中的某一li标签，其添加的代码为：

var ol = $('<ol id="books"></ol>');
ol.append($('<li id="book2">瓦尔登湖</li>'));
ol.append($('<li>小王子</li>'));

那么删除id为book2的li的方法为：

$("#book2").remove();

7、清空元素：
empty()：
empty方法可以清空HTML元素中的所有元素，比如清空ol中所有的元素：

$("#books").empty();

jQuery中添加与删除元素相关推荐

jQuery中添加和删除元素
$('#btn1').click(function () { 1. append() 方法在被选元素的结尾插入内容(仍然在该元素的内部) // $('#box').append('<a href ...
jQuery HTML 添加和删除元素
jQuery - 添加元素通过 jQuery,可以很容易地添加新元素/内容. 添加新的 HTML 内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() ...
Java——遍历List过程中添加和删除元素的问题(亲测第二种)
遍历元素最常见的三种方法: //第三种遍历[利用迭代器] private static void loopList3(List<String> strList) { ...
java list遍历添加元素_java遍历List过程中添加和删除元素的问题
遍历元素最常见的三种方法: //第三种遍历[利用迭代器] private static void loopList3(List strList) { Iterator itr = strList.it ...
java中map删除指定元素_Map中根据条件删除元素
今天在写程序过程中,需要根据判断条件删除一个Map中的相应数据,我自然而然想到可以通过调用Map中的remove(Object key)函数进行删除:代码如下: public Map processM ...
jquery中添加属性和删除属性--------------------
jquery中添加属性和删除属性: 复制代码代码如下: $("#2args").attr("disabled",'disabled'); $("#2 ...
python列表增加一行_Python 列表中的修改、添加和删除元素的实现
本文介绍的是列表中的修改.添加和删除元素.第一次写博客,如果本文有什么错误,还请大家评论指正.谢谢! 创建的列表大多数都将是动态的,这就意味着列表创建后,将随着程序的运行删减元素. 修改列表元素修改 ...
Python精讲：在Python中添加和删除集合元素详解
欢迎你来到站长在线的站长学堂学习Python知识,本文学习的是<在Python中添加和删除集合元素详解>.本知识点主要讲的是添加和删除元素,包括:在Python中向集合里面添加元素可以使用 ...
jquery中添加属性和删除属性
jquery中添加属性和删除属性: 复制代码代码如下: $("#2args").attr("disabled",'disabled'); $("#2 ...

jQuery中添加与删除元素

jQuery中添加与删除元素相关推荐

最新文章

热门文章