摘要:DOM标准引入了覆盖样式表的概念,当我们用document.getElementById("id").style.backgroundColor 获取样式时 获取的只是id中style属性中设置的背景色,如果id中的style属性中没有设置background-color那么就会返回空,也就是说如果id用class属性引用了一个外部样式表,在这个外部样式表中设置的背景色,那么不好意思document.getElementById("id").style.backgroundColor 这种写法不好使,如果要获取外部样式表中的设置,需要用到window对象
阅读全文
摘要:补充:scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置event.clientX 相对文档的水平
阅读全文
摘要:一、创建对象的方式:1、工厂方式:function createCar(colors,doors){var tempCar = new object();tempCar.colors = colors;tempCar.doors = doors;tempCar.showColor = function showColor(){alert(this.color);};}缺点:不像常用的面向对象声明的方式;每声明一个Car实例,就要创建多一个showColor函数,不能复用,浪费内存。2、构造函数的方式。function Car(colors,doors){this.colors = colors
阅读全文
摘要:animate是jQuery中做动画很常用的函数,执行 CSS 属性集的自定义动画。原理:该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。只有数字值可创建动画(比如 "margin:30px")。字符串值无法创建动画(比如 "background-color:red")。注释:使用 "+=" 或 "-=" 来创建相对动画(relative animations)。具体内容及实例见:http://www.w3school.com.cn/jquery/effect
阅读全文
摘要:节点:每个节点都拥有包含着关于节点某些信息的属性。这些属性是:nodeName(节点名称)nodeValue(节点值)nodeType(节点类型)nodeTypenodeType 属性可返回节点的类型。最重要的节点类型是:元素类型节点类型元素1属性2文本3注释8文档9在实际应用中,经常用到的就是元素节点、属性节点和文本节点了,下面我们通过小段代码进行讲解1:元素节点元素节点代码<HEAD> <TITLE>空谷悠悠</TITLE> </HEAD> <BODY> <table> <tr> <tdid=&quo
阅读全文
摘要:选择器实例选取元素选择*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 <p> 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素selector1,selector2,select
阅读全文
摘要:由于若id为sth的元素即使不存在,使用$('#sth')也不会报错,而$('#sth')的返回值必然是一个对象因此要检测是否存在id为 sth 的元素,不能使用如下代码:if($("#sth")){//do sth}下面这种方法是可行的(因为如果不存在该元素,返回的是Null对象,该对象的长度是0):if($("#sth").length>0){//do sth}
阅读全文
摘要:jquery选择器得到的jquery对象和标准的javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,一般情况下,如S(’#id’)得到的是jquery对象,它不能使用js中的dom方法。所以,如果jquery对象要使用标准的dom方法,就需要进行对象转换。刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。什么是jQuery对象?---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuer
阅读全文
摘要:本文是关于jQuery中的end() 方法的介绍。最近在学习jQuery方面的知识,学习中遇到一定的困难,一些知识不得不查看官方的文档,在用到end()方法时,被一个小例子搞得有点晕。在官方的API上是这样描述end()方法的:“回到最近的一个"破坏性"操作之前。即,将匹配的元素列表变为前一次的状态。”;首先要知道此处的"破坏性"指的是所选择的元素集合发生的变化。看样子好像是找到最后一次操作的元素的上一元素,在如下的例子中:html代码:<div>测试内容1</div><div>测试内容2</div>jQu
阅读全文
摘要:<div class="container">simple</div><div class="layer container">complex</div>//意思是同时属于两个class<script type="text/javascript"> alert($(".container&.layer").html());//同时选择两个class</script>
阅读全文
摘要:以另外,需要注意一点,由于在 $(document).ready() 方法内注册的事件,只要 DOM 就绪就会被执行,因此可能此时元素的关联文件未下载完。例如与图片有关的 html 下载完毕,并且已经解析为 DOM 树了,但很有可能图片还没有加载完毕,所以例如图片的高度和宽度这样的属性此时不一定有效。要解决这个问题,可以使用 Jquery 中另一个关于页面加载的方法 ---load() 方法。 Load() 方法会在元素的 onload 事件中绑定一个处理函数。如果处理函数绑定给 window 对象,则会在所有内容 ( 包括窗口、框架、对象和图像等 ) 加载完毕后触发,如果处理函数绑定在元素上
阅读全文