JQuery中的DOM操作主要对包括:建【新建】、增【添加】、删【删除】、改【修改】、查【查找】【像数据库操作】。下面的DOM操作将围绕上面的DOM树进行学习JQueryDOM操作。 一、查--查找DOM节点 查找节点非常容易,使用选择器就能轻松完成各种查找工作。例:查找元素节点p返回p内的文本内容 ...
分类:
Web程序 时间:
2017-01-17 09:32:29
阅读次数:
244
DOM节点删除之empty和remove 刚学了新知识,虽然是一个小知识点,但还是忍不住想和大家分享。 .empty()是指对该节点后代的删除,结果是清空该节点(该节点里面已无元素)。 .remove()是指删除该节点,结果是删除该节点(该节点及其后代元素都将不存在)。 下面放代码来说明。 点击bu ...
分类:
其他好文 时间:
2017-01-15 12:46:10
阅读次数:
198
1,创建元素 document.createElement('要创建的元素名'); 2.插入节点 appendChild 和insertBefore 3.删除节点 removeChild 用法 removeChild('要删除的是哪个节点'); 例子,将两种节点的对比,以及删除 //插入节点,有两种 ...
分类:
其他好文 时间:
2017-01-07 12:12:22
阅读次数:
227
DOM:Document Object Model 文档对象模型文档:html页面文档对象:页面中的元素文档对象模型:定义为了能够让程序(js)去操作页面中的元素DOM会把文档看作是一棵树document > html > html(标签),同时定义了很多方法来操作这棵树中的没一个元素;DOM节点: ...
分类:
其他好文 时间:
2016-12-28 18:12:36
阅读次数:
193
技巧二: 【惰性载入函数】 因为浏览器之间的行为的差异,我们经常会在函数中包含了大量的if语句,以检查浏览器特性,解决不同浏览器的兼容问题,比如,我们最常见的为dom节点添加时间的函数 每次调用addEvent函数的时候,它都要对浏览器所支持的能力进行检查,首先检查是否支持addEventListe ...
分类:
编程语言 时间:
2016-12-27 23:10:18
阅读次数:
214
在WEB开发中经常需要进行树形菜单的展示,本例通过不同角度的总结了如下三种实现方式: 针对第一种方法,可以采用JS的相关组件,或者使用JS的递归调用将服务端相应的数据组装成DOM节点内容,动态添加到菜单的Container中,网上的例子较多,在此不再赘述,本例就后两种方案进行讲解。 通过JSP的in ...
分类:
Web程序 时间:
2016-12-25 14:03:31
阅读次数:
754
灯光的亮度控制需要一个滑动条,先借用lamp源码中Bar: var Bar = function (opt) { var defaults = { $id: "", // 进度条dom节点id min: 1, // 刻度最小值 stepCount: 5, // 刻度步数 step: 1, // 刻度 ...
分类:
编程语言 时间:
2016-12-25 01:41:56
阅读次数:
288
恢复内容开始 前言:HTML文档可以说由节点构成的集合,DOM节点有: 1). 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2). 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3). 属性节点:元素属性,如< ...
分类:
编程语言 时间:
2016-12-18 15:05:32
阅读次数:
126
1DOM拷贝clone() 克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆 .clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。 clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他 ...
分类:
Web程序 时间:
2016-12-11 01:54:53
阅读次数:
323
1DOM节点删除之empty()的基本用法 要移除页面上节点是开发者常见的操作,jQuery提供了几种不同的方法用来处理这个问题,这里我们开仔细了解下empty方法 empty 顾名思义,清空方法,但是与删除又有点不一样,因为它只移除了 指定元素中的所有子节点。 这个方法不仅移除子元素(和其他后代元 ...
分类:
Web程序 时间:
2016-12-11 01:15:09
阅读次数:
251