jQuery 学习-DOM篇（一）：jQuery 创建元素并添加属性
推荐阅读
Helm3（K8S 资源对象管理工具）视频教程：https://edu.csdn.net/course/detail/32506
Helm3（K8S 资源对象管理工具）博客专栏：https://blog.csdn.net/xzk9381/category_10895812.html
本文原文链接：https://blog.csdn.net/xzk9381/article/details/112601903，转载请注明出处。如有发现文章中的任何问题，欢迎评论区留言。
使用 jQuery 创建元素并添加属性，可以直接使用 $(‘element’) 进行添加：
<!DOCTYPE html>
<html>
<head><title></title><script src="jquery-1.12.4.js"></script><script type="text/javascript">$('document').ready(function (){console.log($('<div></div>'))})</script>
</head>
<body>
</body>
</html>
这样即可生成一个 div 标签，如果要在这个 div 标签中添加文字，可以直接在其中添加即可：
<!DOCTYPE html>
<html>
<head><title></title><script src="jquery-1.12.4.js"></script><script type="text/javascript">$('document').ready(function (){console.log($('<div>测试</div>'))})</script>
</head>
<body>
</body>
</html>
接下来是为元素添加属性：
<!DOCTYPE html>
<html>
<head><title></title><script src="jquery-1.12.4.js"></script><script type="text/javascript">$('document').ready(function (){console.log($('<div class="mydiv" id="div1">测试</div>'))})</script>
</head>
<body>
</body>
</html>
如果要创建多级标签，也是直接在其中添加字符串内容即可：
<!DOCTYPE html>
<html>
<head><title></title><script src="jquery-1.12.4.js"></script><script type="text/javascript">$('document').ready(function (){console.log($('<div class="mydiv" id="div1">测试<span class="myspan">子元素</span></div>'))})</script>
</head>
<body>
</body>
</html>
需要注意的是，上面创建的元素是存储在内存中的，还没有添加到页面内。可使用 console.log 打印该标签的详细信息。
本文原文链接：https://blog.csdn.net/xzk9381/article/details/112601903，转载请注明出处。如有发现文章中的任何问题，欢迎评论区留言。
jQuery 学习-DOM篇（一）：jQuery 创建元素并添加属性相关推荐
- jQuery 学习-DOM篇（四）：jQuery 删除 DOM 元素的方法
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
- jQuery 学习-DOM篇（六）：jQuery 替换 DOM 元素
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
- jQuery 学习-DOM篇（三）：jQuery 在 DOM 外部插入元素
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
- jQuery 学习-DOM篇（二）：jQuery 在 DOM 内部插入元素
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
- jQuery 学习-DOM篇（五）：jQuery 使用 clone() 方法拷贝 DOM
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
- JQuery学习04篇(层次选择器)
直接po图和代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...
- jQuery学习（六）—jQuery对象的创建
jQuery学习(六)-jQuery对象的创建
- JQuery学习22篇(事件委托)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- JavaScript(23) 创建元素标签和属性在body中(jQuery插件)
效果图: 代码:(注意引入jQuery插件!!) <!DOCTYPE html> <html><head lang="en"><meta ...
最新文章
- Redis Zrevrangebyscore 命令
- 东北大学计算机 大一物理考试题,东北大学大学物理期末考题及答案Word版
- 问题 B: 十进制到二进制的转换
- php active控件,php – 使用TbActiveForm选择列表中的动态选项
- 2021年中国新经济企业500强发展研究报告
- EM算法最完整易懂讲解
- AngularJS2.0教程（一）快速上手之基础知识
- Spring整合Quartz实现持久化、动态设定时间
- 物理层数据通信理论基础
- Base64解码后的图片打不开
- 机器学习——图像识别（卷积神经网络）
- 你需要来自trustedinstaller的权限才能删除
- 使用OneNote多人分布式共享
- 给实体机服务器重装Linux系统全记录
- HCNP-路由交换：GRE(通用路由封装协议)
- 银行本、异地，本、跨行存取款收费比较
- 常用网络图片url地址
- 国内foursquare类型网站 玩转四方 www.play4f.org
- 已知原函数和导函数的关系_导函数图像和原函数图像关系（我）.doc
- 交换机依靠什么进行数据转发？