jQuery中添加与删除元素
来源:互联网 发布:北京大数据培训机构 编辑:程序博客网 时间:2024/06/05 16:00
我们可以使用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();
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();
0 0
- jQuery中添加与删除元素
- JQuery之添加与删除元素
- jquery 添加、删除元素
- jquery 添加删除元素
- jQuery 添加删除元素
- JQuery添加删除元素
- JQuery的html元素捕获、设置、元素添加与删除
- jquery添加和删除元素
- jQuery动态添加、删除元素
- jQuery添加和删除元素
- jquery动态添加删除元素
- jquery添加和删除元素
- Jquery—添加、删除元素
- jQuery DOM元素添加删除
- jQuery操作表格元素,整体添加与删除
- JQuery与HTML元素的获取、设置、添加、删除
- 用jquery在div中动态添加/删除元素
- jquery 中添加元素
- 生产/消费模型的java实现
- 1-100和运算
- 异常处理
- Linux下c和cuda混合编译,并生成动态链接库.so和使用
- java中的TreeMap和HashMap的区别和联系:
- jQuery中添加与删除元素
- [51nod1472/CF549F]取余最大值
- java内存模型简介
- Linux动态链接库的使用
- CUDA常见问题与解答
- js定时器 延时执行 循环执行
- archlinux 安装
- [BZOJ1483][HNOI2009]梦幻布丁(链表+启发式合并)
- Java 中 compareTo方法问题