12 2011 档案
摘要：getBoundingClientRect来获取页面元素的位置详细见：http://www.cnblogs.com/qieqing/archive/2008/10/06/1304399.html//获取页面元素的位置 function getElemPos(obj) { if (obj.getBoundingClientRect) { // 当浏览器支持getBoundingClientRect方法时采用 var pos = obj.getBoundingClientRect(); return { x: pos.left + Math.max(document.documentElement
阅读全文
摘要：定义和用法left属性规定元素的左边缘。该属性定义了定位元素左边距边界与其包含块左边界之间的偏移。注释：如果“position”属性的值为“static”，那么设置“left”属性不会产生任何效果。类型：string 状态：可读可写 js：elem.style.leftoffsetLeft属性返回当前元素的左边界到它的包含元素的左边界的偏移量，以像素为单位。类型：int 状态：只读 js：elem.offsetLeftwidth属性规定元素的宽度类型：string 状态：只读 js：elem.style.widthoffsetWidth返回元素的宽度，以像素为单位。包括padding，bord
阅读全文
摘要：几个主要节点类型： ELEMENT_NODE = 1; 元素节点 TEXT_NODE = 3; 文本节点 DOCUMENT_NODE = 9; 文档节点在IE中会自动过滤掉空白文本节点 elem.previousSibling 在FireFox，Chrome等浏览器中可能会包含空白文本节点 elem.previousSibling --- [object text] function prev(elem) { //获取当前节点的上一个元素节点 do { elem = elem.previousSibling; } while (elem && elem.nodeType !=
阅读全文
摘要：JQuery中获取CSS样式css(name)：访问第一匹配元素的样式属性css(name,value)：在所有匹配的元素中，设置一个样式属性的值css(properties)：把一个“名/值对”对象设置为所有匹配元素的样式属性css(name,function(index,value))：在所有匹配的元素中，设置一个样式属性的值-------------------------------------------------------------------------------------Javascript中获取样式的值 function css(obj, attr, value)
阅读全文
摘要：Jquery中关于操作属性及属性值的介绍attr(name)：取得第一匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性值。如果没有返回空。attr(key,value)：为所有匹配的元素设置一个属性值。attr(properties)：将一个“名/值”形式的对象设置为所有匹配元素的属性。这是一种在所有匹配元素中批量设置很多属性的最佳方式。例如：$("#test").attr({"name":"呵呵","value":"你好"});attr(key,function(inde
阅读全文
摘要：DOM事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段事件捕获（event capturing）的思想是从不太具体的节点应该更早接收到事件，而最具体的节点应该最后接收到事件。事件冒泡（event bubbling）事件开始时由最具体的元素接受，然后逐级向上传播到较为不具体的节点。弱耦合性思想是将HTML和javascript分离开来最初DOM采用方式：绑定事件： elem.type=fn(){} // 元素名.事件类型=函数名（）{} 事件类型 type例如onclick移除事件： elem.type=null;DOM2采用方式：绑定事件： addEventListener（ele
阅读全文
摘要：JQuery中next()方法是取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。/***得到下一个元素*@param{Object}elem*/functionnext(elem){do{elem=elem.nextSibling;}while(elem&&elem.nodeType!=1);returnelem;}nextSibling在IE中自动过滤空白文本节点，在W3C中可能是空白文本节点（包含空格或换行有空白文本节点，写的进凑凑的就没有哈）重要的节点类型：元素 element 1属性 attr 2文本 text3注释 comments 8文档 doc
阅读全文
摘要：W3C的DOM标准用addEventListener绑定事件IE的DOM标准用attachEvent绑定事件/*** 绑定事件*/function addEvent(elem,evt,fn,b){ if(elem.addEventListener){ if(4==arguments.length){ elem.addEventListener(evt,fn,b); } else{ elem.addEventListener(evt,fn,false); } } else{ elem.attachEvent("on"+evt,fn); }}W3C 中 removeEventL
阅读全文
