jquery追加html及移除,jQuery 添加元素和删除元素的方法
添加新的 HTML 内容
我们将学习用于添加新内容的四个 jQuery 方法:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
jQuery append() 方法
jQuery append() 方法在被选元素的结尾插入内容(仍然在该元素的内部)。
$("p").append("追加文本");
jQuery prepend() 方法
jQuery prepend() 方法在被选元素的开头插入内容。
$("p").prepend("在开头追加文本");
通过 append() 和 prepend() 方法添加若干新元素
在上面的例子中,我们只在被选元素的开头/结尾插入文本/HTML。
不过,append() 和 prepend() 方法能够通过参数接收无限数量的新元素。可以通过 jQuery 来生成文本/HTML(就像上面的例子那样),或者通过 JavaScript 代码和 DOM 元素。
在下面的例子中,我们创建若干个新元素。这些元素可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建。然后我们通过 append() 方法把这些新元素追加到文本中(对 prepend() 同样有效):
function appendText()
{
var txt1="
文本。
"; // 使用 HTML 标签创建文本
var txt2=$("
var txt3=document.createElement("p");
txt3.innerHTML="文本。"; // 使用 DOM 创建文本 text with DOM
$("body").append(txt1,txt2,txt3); // 追加新元素
}
jQuery after() 和 before() 方法
jQuery after() 方法在被选元素之后插入内容。
jQuery before() 方法在被选元素之前插入内容。
$("img").after("在后面添加文本");
$("img").before("在前面添加文本");
通过 after() 和 before() 方法添加若干新元素
after() 和 before() 方法能够通过参数接收无限数量的新元素。可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建新元素。
在下面的例子中,我们创建若干新元素。这些元素可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建。然后我们通过 after() 方法把这些新元素插到文本中(对 before() 同样有效):
function afterText()
{
var txt1="I "; // 使用 HTML 创建元素
var txt2=$("").text("love "); // 使用 jQuery 创建元素
var txt3=document.createElement("big"); // 使用 DOM 创建元素
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3); // 在图片后添加文本
}
删除元素/内容
如需删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
jQuery remove() 方法
jQuery remove() 方法删除被选元素及其子元素。
$("#div1").remove();
jQuery empty() 方法
jQuery empty() 方法删除被选元素的子元素。
$("#div1").empty();
过滤被删除的元素
jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。
该参数可以是任何 jQuery 选择器的语法。
下面的例子删除 class="italic" 的所有
元素:
$("p").remove(".italic");
以上就是jQuery 添加元素和删除元素的方法的详细内容,更多关于jQuery 添加元素和删除元素的资料请关注脚本之家其它相关文章!
jquery追加html及移除,jQuery 添加元素和删除元素的方法相关推荐
- JS 数组添加元素、删除元素、数组去重
文章目录 一.往数组中添加元素 1.array.push() 2.array.unshift() 3.array.splice() 4.扩展运算符 5.array.concat() 二.删除数组中某个 ...
- jQuery中添加元素删除元素的方法
开发工具与关键技术:VS.jQuery 作者:#33 撰写时间:撰写时间:2019年06月06日 jQuery添加元素的方法和移除元素的方法: 引入jQuery插件: <script src= ...
- jQuery中遍历元素,创建元素,添加元素,删除元素汇总
目录 一.遍历元素 1.概述 2.语法 二.创建元素 三.添加元素 四.删除元素 五.思维导图 一.遍历元素 1.概述 jQuery隐式迭代是对同一类元素做了同样的操作. 如果相对同一元素做不同的操作 ...
- jquery查找父窗体id_JavaScript_jQuery子窗体取得父窗体元素的方法,本文实例讲述了jQuery子窗体取 - phpStudy...
jQuery子窗体取得父窗体元素的方法 本文实例讲述了jQuery子窗体取得父窗体元素的方法.分享给大家供大家参考.具体如下: $("#父窗口元素ID",window.parent ...
- c++ 手写堆 (包括建堆、排序、添加元素、删除元素)
快排和归并排序点这里 c++进阶之路 堆排序跟快排一样是原地操作的一种不稳定排序算法. 堆排序分为建堆和调整堆. 建堆是通过自底向上父节点和子节点两两比较并交换得到的,时间复杂度为O(n) 调整堆需要 ...
- jQuery的创建对象,动态添加、修改、删除属性和方法
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>< ...
- php 数组 添加元素、删除元素
PHP数组添加一个元素的方式: push(), arr[], Php代码 $arr = array(); array_push($arr, el1, el2 ... eln); 但其实有一种更直接方便 ...
- hashmap移除元素_Java HashMap 如何正确遍历并删除元素的方法小结
(一)HashMap的遍历 HashMap的遍历主要有两种方式: 第一种采用的是foreach模式,适用于不需要修改HashMap内元素的遍历,只需要获取元素的键/值的情况. HashMap myHa ...
- C++ Map简单介绍 ,比如添加元素、删除元素和打印元素
介绍 map是一种键值对容器,第一个数值为关键字(key),第二个数值为该元素对应的出现的次数.如果是map,key只会出现一次,如果是unordered_map,无此限制.此外,map会对元素进行排 ...
最新文章
- NVIDIA DGX SUPERPOD 企业解决方案
- Java学习总结:24
- OpenAI 以 10 亿美元出售「灵魂」,网友热评不再「Open」
- Java 判断一个字符串是否为数字类型
- Java项目打包部署war文件
- python array_python数组array.array(转帖)
- react demo
- 光纤测试仪为什么使用单芯法为光纤损耗测量
- Vue动态传值与接收步骤
- java 字符串 字节数组_字符串到字节数组,字节数组到Java中的字符串
- docker容器运行后退出,怎么才能一直运行?【转】
- 给文件夹加密的两种方法
- 2022年基站查询、WiFi查询、GPS/经纬度查询的网站与API接口
- python系列教程158——iter函数
- 管理者该如何思考团队建设
- Android 客户端性能优化(魅族资深工程师毫无保留奉献)
- 做前端的:你有没有觉得很吃力?
- 决策树之五:连续变量计算过程
- 解决OBS录屏模糊问题
- Java岗面试12家大厂成功跳槽,含泪整理面经