jQuery节点创建与属性的处理
来源:互联网 发布:八分钟解读大数据 编辑:程序博客网 时间:2024/05/28 15:45
创建元素节点:
可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来
$("<div></div>")
创建为本节点:
与创建元素节点类似,可以直接把文本内容一并描述
$("<div>我是文本节点</div>")
创建为属性节点:
与创建元素节点同样的方式
$("<div id='test' class='aaron'>我是文本节点</div>")
$("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")
这就是jQuery创建节点的方式,让我们保留HTML的结构书写方式,非常的简单、方便和灵活
<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <style> .left, .right { width: 300px; height: 120px; } .left div, .right div { width: 100px; height: 90px; padding: 5px; margin: 5px; float: left; border: 1px solid #ccc; } .left div { background: #bbffaa; } .right div { background: yellow; } </style></head><body> <h2>动态创建元素节点</h2> <button>点击通过jQuery动态创建元素节点</button> <script type="text/javascript"> var $body = $('body'); $body.on('click', function() { //通过jQuery生成div元素节点 var div = $("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>") $body.append(div) }) </script></body></html>
阅读全文
0 0
- jQuery节点创建与属性的处理
- jQuery节点创建与属性的处理
- jQuery节点创建与属性的处理
- jQuery节点创建与属性的处理
- jQuery和js节点创建与属性的处理的区别
- jQuery创建属性节点
- jquery DOM创建节点及节点属性
- jQuery中的DOM节点的创建与多种插入方式
- JQuery 创建节点的办法
- jQuery-DOM节点的创建
- jquery节点与js节点的转换
- DOM与jquery的区分(一:元素节点与属性)
- js节点属性的创建 添加 删除
- js节点属性的创建 添加 删除
- jquery节点的操作 创建 删除 复制
- jquery 节点的创建增加 节点删除 替换
- jquery查找节点和创建节点的方式
- XStream:Object与Xml字符串 互相转换 多个同名子节点以及节点属性的处理。
- Qt 显示图片的三中方法
- 基于JZ2440移植Linux3.4.2内核版本完整搭建笔记
- 字符集和字符编码
- java中正则匹配结果到一个String数组中
- input输入框从右边开始输入
- jQuery节点创建与属性的处理
- TCP 连接三次握手与四次挥手
- Android图像滤镜框架GPUImage使用(一)
- Linux之MakeFile小记
- Unity3d学习笔记 var 关键字
- VC网络编程笔记--进程间通信-邮槽
- DOM内部插入append()与appendTo()
- 深入理解javascript原型和闭包(12)——简介【作用域】
- UVA 1635 Irrelevant Elements 唯一分解定律