jQuery| 添加多个标签元素-低调大师

jQuery| 添加多个标签元素

2017-12-28 679

在jquery中如何实现添加多个标签元素？通过 append() 、 prepend() after() 、 before() 方法添加若干新元素
下面的例子中，我们创建若干个新元素。这些元素可以通过 text/HTML、jQuery 或者 JavaScript/DOM 来创建。然后我们通过 append() 方法把这些新元素追加到文本中（对 prepend() 同样有效）：

function appendText()
{
var txt1="文本。"; // 使用 HTML 标签创建文本
var txt2=$("").text("文本。"); // 使用 jQuery 创建文本
var txt3=document.createElement("p");
txt3.innerHTML="文本。"; // 使用 DOM 创建文本 text with DOM
$("body").append(txt1,txt2,txt3); // 追加新元素
}

注意：var txt2=$("").text("文本。"); txt2返回的是一个元素，
结果是：文本。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
function appendText(){
    var txt1="<p>文本。</p>";              // 使用 HTML 标签创建文本
    var txt2=$("<p></p>").text("文本。");  // 使用 jQuery 创建文本
    var txt3=document.createElement("p");
    txt3.innerHTML="文本。";               // 使用 DOM 创建文本 text with DOM
    $("body").append(txt1,txt2,txt3);        // 追加新元素
}
</script>
</head>
<body>

<p>这是一个段落。</p>
<button onclick="appendText()">追加文本</button>

</body>
</html>

image.png

微信关注我们

原文链接：https://yq.aliyun.com/articles/510400

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

《C++标准程序库》读书笔记（三）

STL中的智能指针auto_ptr可以实现简单的内存自动回收，防止内存泄漏(memory leakage)。auto_ptr实际是一个类，在该类析构时自动调用delete，从而达到了内存回收的效果。但是，由于同一个指针同一时刻只能被一个auto_ptr占用，如果采用赋值操作（=)或者拷贝构造函数调用，就会发生所有权转移，例如： auto_ptr<int> p(new int(0)); auto_ptr<int> q; 此时,p拥有指向一个int的指针，q的指针为空。如果执行q=p；则，p指向空，q指向int；但是，这样所有权转换的问题同样发生在参数传递中，例如 void foo(auto_ptr<int> t); 如果调用 foo(p);那么p就丢失了指针，所以一个解决方法是用引用，例如： void foo1（auto_ptr<int>& t); void foo2 (const auto_ptr<int>& t); 两者都是可以的，不过foo1非常不安全，因为在函数里面很容易通过类似赋值的操作使t丢失指针，而...

2017-12-29

510

image.png 前2天把git练了下，敲了很多命令，也借助图形界面增强自己的理解，乘着余热把linux在熟悉下.然后想起以前婷主有让我帮忙搭建的阿里云服务器,所以就想自己试着在阿里云的linux上搭建自己的javaEE项目大致步骤有: 1.先从阿里云上购买一台linux云服务器 2.安装shell,xftp 3.下载linux版的jdk,tomcat,mysql 4.linux上敲命令安装 5.安装完成测试 6.通过导入阿里云镜像快速部署javaEE项目(前面5部是基础) 1.linux目录下主要4个文件夹要知道,etc,usr,home,root image.png 2.linux常用命令(有一些cp,mv详细使用没列出来,因为感觉可以用xftp去替代,如果真要用的时候也可以在查,个人觉得能记忆越少越好.先把常用的记牢了,在去记其他的。下面的每个命令我都有敲过,在linux使用中经常会用到。 cd .. cd ~ 返回主目录，就是root的目录 cd / 切换到根目录下 cd usr 切换到该目录下usr目录 ls 查看当前根目录下所有的文件和文件夹,是list单词的缩写 mk...

2017-12-29

505

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。