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

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.kler.cn/a/389522.html

相关文章:

  • 金价大跌,特朗普胜选或成导火索
  • 【Vue】Vue3.0(二十一)Vue 3.0中 的$event使用示例
  • linux 下查看程序启动的目录
  • 在C++上实现反射用法
  • 2-UML概念模型测试
  • ODOO学习笔记(3):Odoo和Django的区别是什么?
  • 如何产看SQL 查询的执行时间
  • 【AI学习】Mamba学习(十五):关于S4模型计算优化的再学习
  • 【刷题列表-更新中】蓝桥杯和洛谷平台刷题列表
  • PyTorch 2.0: 新特性与升级指南
  • SwiftUI开发教程系列 - 第2章:基础布局与视图
  • 微服务之多机部署,负载均衡-LoadBalance
  • 卷积神经网络基础
  • 前缀和 so easy! 力扣.128 最长连续序列 leetcode longest-consecutive-sequence
  • 【动手学电机驱动】 STM32-FOC(2)STM32 导入和创建项目
  • 中兴光猫修改SN,MAC,修改地区,异地注册,改桥接,路由拨号
  • 今日 AI 简报|苹果推出的新框架,智源开源千万级多模态数据集,字节推出图像编辑模型,开源大语言模型和实时对话系统等
  • 24/11/7 算法笔记 PCA主成分分析
  • 【前端】JavaScript 方法速查大全-函数、正则、格式化、转换、进制、 XSS 转义(四)
  • ArkTS--应用状态
  • Linux服务器使用ps和top命令查看进程
  • 加载与存储指令及算数指令
  • HarmonyOS Next 实战卡片开发 01
  • Android CCodec Codec2 (二十)C2Buffer与Codec2Buffer
  • 深度学习中的 Dropout:原理、公式与实现解析
  • [Linux] 共享内存