在博客园看到了苏夏写的常用DOM整理文章,地址:http://www.cnblogs.com/cabbagen/p/4579412.html,然后抽时间都试了一下这些常用的DOM操作。在这里记录一下。 1 2 3 4 5 常用dom 6 85 86 87 88...
分类:
Web程序 时间:
2015-06-19 11:46:47
阅读次数:
115
CSS-DOM操作CSS-DOM技术简单来说就是读取和设置style对象的各种属性。在jQuery中,可以直接利用css()方法获取元素的样式属性,jQuery示例代码如下:$("p").css("color"); //获取元素的样式颜色无论color属性是外部css导入,或者是直接拼接在HTML元素里(内联),css()方法都可以获取到属性style里的其他属性的值。css()方法设置单个...
分类:
Web程序 时间:
2015-06-17 11:27:04
阅读次数:
209
1,设置获取HTML、文本和值(1) html()方法
此方法类似于javaScript的innerHTML属性,可以用来读取或者设置某个元素的HTML内容。
示例代码如下:
<h...
分类:
Web程序 时间:
2015-06-16 19:16:47
阅读次数:
155
接上篇文章3,插入节点
插入节点的方法如下图:
4,删除节点
(1) remove()方法
作用是从DOM中删除所有匹配的元素。示例代码如下:var $li =$("ul li:eq(1)").remove(); //获取第二个节点后,将它从网页中删除。注意:当某个节点用remove()删除后,该节点包含的所有后代节点将同时被删除。这个方法的返回值是一个指向被删除节点...
分类:
Web程序 时间:
2015-06-16 17:04:25
阅读次数:
236
1,属性操作
(1)获取属性和设置属性
获取元素的title属性示例代码如下:var $para =$("p");
var p_title =$para.attr("title");设置单个属性的jQuery示例代码如下:var $para =$("p");
$para.attr("title","your title");设置多个属性的jQuery的示例代码如下:var $para =$...
分类:
Web程序 时间:
2015-06-16 16:48:11
阅读次数:
103
1,查找节点
1),查找元素节点
获取元素节点并打印出它的文本内容,jQuery代码如下:var $li = $("ul li:eq(1)"); //获取 里第2个 节点
var li_text =$li.text(); //获取第二个 节点的文本内容
alert(li_text); //打印文本内容
2),查找属性节点var $pa...
分类:
Web程序 时间:
2015-06-15 18:41:25
阅读次数:
119
选择器,DOM操作,事件javascript事件:onclick,ondlbclickonmousedown,onmouseuponmouseover,onmouseoutonkeydown,onkeyuponblur,onfocusonchangeJquery事件,与JavaScript 事件相似...
分类:
其他好文 时间:
2015-06-15 16:10:40
阅读次数:
122
1、查询节点 如果需要操作HTML元素,必须首先找到该元素 查询节点 通过id查询 通过层次(节点关系)查询 通过标签名称查询 通过name属性查询2、根据元素ID查找节点 方法:document.getElementById() 通过指...
分类:
其他好文 时间:
2015-06-15 12:39:13
阅读次数:
107
1 代码如下: 1 package dom.pasing; 2 3 import java.io.IOException; 4 import java.io.StringWriter; 5 6 import javax.xml.parsers.DocumentBuilder; 7 ...
分类:
编程语言 时间:
2015-06-12 22:05:19
阅读次数:
186
手册:http://jquery.cuishifeng.cn/index.html原生对象——>jquery对象this——> $(this)jquery对象——>原生对象$(this)——> $(this).get(0)一、jQuery优势:轻量级强大的选择器出色的DOM操作可靠的事件处理机制完善...
分类:
Web程序 时间:
2015-06-10 11:55:57
阅读次数:
218