1DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了 本文向大家介 ...
分类:
Web程序 时间:
2016-12-10 22:58:26
阅读次数:
282
1DOM内部插入append()与appendTo() 动态创建的元素是不够的,它只是临时存放在内存中,最终我们需要放到页面文档并呈现出来。那么问题来了,怎么放到文档上? 这里就涉及到一个位置关系,常见的就是把这个新创建的元素,当作页面某一个元素的子元素放到其内部。针对这样的处理,jQuery就定义 ...
分类:
Web程序 时间:
2016-12-10 22:50:48
阅读次数:
259
1.需求:经常要动态加载dom节点,加载之后的节点当然也会有一些绑定事件的需求,今天给一个事件绑定hover,用jQuery,竟然没有生效。先上没有生效的代码 2.问题出在哪里了? on函数传的参数不对?查查文档呗,我看或不看他,他都在那里,我看他,或许可以帮助我解决问题,我不看他,依旧稀里糊涂 ...
分类:
其他好文 时间:
2016-12-01 13:49:37
阅读次数:
127
ref实例,要注意通过引用拿到的并不是这个dom节点本身,也就说我们并不能进行dom之间的操作,比如说设置文本,这样是不行的,我们拿到的只是一个虚拟的dom节点,也就是react展示给我们的dom节点,如果想要拿到真正的dom节点,还需要调用一个方法,后面我们会说,不过react并不会鼓励我们这样去 ...
分类:
其他好文 时间:
2016-11-30 20:07:31
阅读次数:
268
jQuery为我们提供了一个非常丰富好用的事件API,相对于浏览器自身的事件接口,jQuery有以下特点: 1. 对浏览器进行了兼容性处理,用户使用不需要考虑浏览器兼容性问题 2. 事件数据是保持在内部缓存中的,而不是保持在DOM节点上 3. 事件委托机制,提供了一个非常简单的事件委托使用方法 4. ...
分类:
Web程序 时间:
2016-11-28 08:55:58
阅读次数:
240
DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了 创建流程比较简 ...
分类:
Web程序 时间:
2016-11-27 07:28:31
阅读次数:
177
一般js操作节点 ①创建节点(元素文本)document.createElement innerHTML ②添加属性 setAttribute ③加入文档 appendChild 操作繁琐还有兼容性问题 jquery操作节点 ①$('<div class="a">jquery</div>") 直接在 ...
分类:
Web程序 时间:
2016-11-25 17:47:57
阅读次数:
154
以下的例子以此HTML文档结构为例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="demo"> <ul id="conte ...
分类:
编程语言 时间:
2016-11-23 12:47:39
阅读次数:
170
Node类型 (someNode.nodeType[.nodeName][.nodeValue]) Node.ELEMENT_NODE(1); Node.ATTRIBUTE_NODE(2); Node.TEXT_NODE(3); Node.CDATA_SECTION_NODE(4); Node.EN... ...
分类:
其他好文 时间:
2016-11-22 07:46:26
阅读次数:
184
节点属性 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeNam ...
分类:
其他好文 时间:
2016-11-21 12:28:47
阅读次数:
235