当前位置: 首页 > news >正文

Jquery向指定HTML标签追加新元素教程

网页编写好之后,我们可以通过JS对网页进行动态编写,就比如说可以自定义向某一个HTML标签添加一个新的HTML标签,那么该如何实现呢?我就给大家分享一下相关的代码吧。

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
</head>
<body>
<div class="div2">点我新增一个DIV标签</div>
<button class="div">点我新增一个DIV标签</button>
</body>
<script>
$(".div").click(function(){
$(".div2").append(" <div><br>我是新增的DIV标签元素</div><br><br>");
});
</script>
</html>

把这段代码写到网页上面后,只要点击Button按钮,那么就会在Class为div2的标签后面默认追加一个DIV标签,就比如:


http://www.mrgr.cn/news/69927.html

相关文章:

  • STM32中断系统
  • Java:JVM
  • linux虚拟机无法使用yum在线拉取
  • Elasticsearch 实战应用:高效搜索与数据分析
  • 人工智能数据栈互操作性架构师指南
  • 「QT」几何数据类 之 QVector2D 二维向量类
  • 005.精读《B-Tree vs LSM-Tree》
  • 浙江大学高等数学研究所已变样
  • 网站架构知识之Ansible模块(day021)
  • SpringBoot中的两种字段自动填充方式
  • HTTP —— OSI七层模型
  • 在 Mac 上使用 Docker 安装宝塔并部署 LNMP 环境
  • SCAU 华南农业大学 高级程序设计语言(C语言) 教材习题题解
  • distances = np.linalg.norm(data[:, None] - centers, axis=2)
  • spring-security(记住密码,CSRF)
  • C#-抽象类、抽象函数
  • 腾讯云双11狂欢:拼团优惠、会员冲榜、限时秒杀,多重好礼等你来拿!
  • 论文解读之SDXL: Improving Latent Diffusion Models forHigh-Resolution Image Synthesis
  • 「iOS」——知乎日报第三周总结
  • 销售管理SCRM助力企业高效提升业绩与客户关系管理
  • 【C++练习】二进制到十进制的转换器
  • The Rank-then-Encipher Approach
  • 「Mac玩转仓颉内测版1」入门篇1 - Cangjie环境的搭建
  • goframe开发一个企业网站 开发环境DOCKER 搭建16
  • MATLAB实现最大最小蚁群算法(Max-Min Ant Colony Optimization, MMAS)
  • leetcode hot100【LeetCode 131.分割回文串】java实现