使用jQuery增加或删除元素(内容)

使用jQuery增加或删除元素(内容):
一、jQuery添加元素或内容:
1,append() 方法:在被选元素的结尾插入元素或内容

2,prepend() 方法:被选元素的开头插入元素或内容。

3,after() 方法:在被选元素之后插入内容。

4,before() 方法:在被选元素之前插入内容。
注意:append/prepend 是在选择元素内部嵌入;after/before 是在元素外面追加。

二、jQuery删除元素或内容:
1,remove()方法:删除被选元素及其所有子元素。 remove() 方法可接收一个参数,用于删除接收参数所代表的元素,其它未接收的参数则过滤不删除。eg:无参数时:$("#div1").remove() ; 有参数时:$("div").remove("#content") ;

2,empty()方法: 删除被选元素下的所有子元素。注意:被选中的元素不会被删除。

原文地址:https://www.cnblogs.com/cqj98k/p/10042207.html

时间: 2024-09-29 20:07:43

使用jQuery增加或删除元素(内容)的相关文章

jQuery添加和删除元素class属性实例代码

jQuery添加和删除元素class属性实例代码:元素的的class属性一般是用来设置样式之用,所以添加或者删除都意味着改变元素的样式,下面就介绍一下如何使用jQuery来删除和添加元素的class属性值,希望能够给大家带来一定的帮助.代码实例如下: function switchTeachControl() { var target=$("#thediv"); if(target.hasClass("controlOff")) { target.removeCla

Jquery 动态添加删除元素 用js添加的元素无法删除问题

用jquery方法的绑定侦听和销毁来解决动态div的增加删除: 正确代码: <script type="text/javascript" > $(document).ready(function(){  bindListener(); }) function addimg(){  $("#mdiv").append('<div ><input type="file" name="img[]" /&

第二十四篇 jQuery 学习6 删除元素

jQuery 学习6 删除元素 上节课我们做了添加元素,模拟的是楼主发的文章,路人评论,那么同学们这节课学了删除之后,去之前的代码上添加一个删除,模拟一个楼主删除路人的评论. jQuery的删除方法: remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 以上引用w3c教程 为了同学们更好的扩展,老师就不在上节课的基础上模拟删除,而是写出删除的功能代码和注意事项,同学们就自己多尝试,来瞧瞧代码先: <!DOCTYPE html> <html>

使用jquery增加、删除html文档节点

jquery相对亦js来说在对DOM文档操作来说非常方便,本文主要讨论使用jquery对html文档中节的删除 如上图,因为是急救电话数量是不确定的,因此需要能够灵活地添加和删除,因此就需要用jquery来对节点进行操作. 代码在附件中,可以正常执行,这里只是对节点的增加和删除中部分代码,其他类似操作可以在此基础上进行修改操作既可以实现. 主要代码如下所示,主要是最后的jquery代码注意要引用jquery才可正常执行的: <html><head><meta http-equ

JQUERY添加、删除元素

一.jQuery - 添加元素 1.append() - 在被选元素内部的结尾插入指定内容 2.prepend() - 在被选元素内部的开头插入指定内容 3.after() - 在被选元素之后插入内容 4.before() - 在被选元素之前插入内容 添加单个元素 <script type="text/javascript" src="jquery-1.11.2.min.js"></script> <body> <p>

jQuery 添加元素和删除元素

jQuery - 添加元素 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 <script> $(function(){ $("#btn").click(function(){ $("img").before("<b>11111111</b>"); }) $("#

jQuery学习-访问设置元素内容

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>访问设置元素内容</title> <script src="js/jquery.js"></script> <script type="text/javascript"> //页面加载完成简写形式 $(function()

java数组:去重,增加,删除元素

import java.util.List; import java.util.ArrayList; import java.util.Set; import java.util.HashSet; public class Code { public static void main(String [] args) { testA(); System.out.println("==========================="); testB(); System.out.prin

SQL替换语句之批量修改、增加、删除字段内容

语法 REPLACE ( original-string, search-string, replace-string ) 用法 update 表的名称 set 替换字段=REPLACE(替换字段,原来内容,新内容) 参数 如果有某个参数为 NULL,此函数返回 NULL. original-string     被搜索的字符串.可为任意长度. search-string     要搜索并被 replace-string 替换的字符串.该字符串的长度不应超过 255 个字节.如果 search-