2012 年 2月 14 日随笔档案 - batigol

DOM中元素节点、属性节点、文本节点的理解

摘要：节点:每个节点都拥有包含着关于节点某些信息的属性。这些属性是：nodeName（节点名称）nodeValue（节点值）nodeType（节点类型）nodeTypenodeType 属性可返回节点的类型。最重要的节点类型是：元素类型节点类型元素1属性2文本3注释8文档9在实际应用中，经常用到的就是元素节点、属性节点和文本节点了，下面我们通过小段代码进行讲解1：元素节点元素节点代码<HEAD> <TITLE>空谷悠悠</TITLE> </HEAD> <BODY> <table> <tr> <tdid=&quo 阅读全文

posted @ 2012-02-14 15:12 batigol 阅读(233) 评论(0) 推荐(0)

jQuery 选择器（更新ing）

摘要：选择器实例选取元素选择*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 <p> 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素selector1,selector2,select 阅读全文

posted @ 2012-02-14 14:12 batigol 阅读(513) 评论(0) 推荐(0)

jQuery中检查某个元素是否存在的方法

摘要：由于若id为sth的元素即使不存在，使用$('#sth')也不会报错，而$('#sth')的返回值必然是一个对象因此要检测是否存在id为 sth 的元素，不能使用如下代码：if($("#sth")){//do sth}下面这种方法是可行的(因为如果不存在该元素，返回的是Null对象，该对象的长度是0)：if($("#sth").length>0){//do sth} 阅读全文

posted @ 2012-02-14 12:44 batigol 阅读(988) 评论(0) 推荐(0)

jQuery对象与DOM对象的相互转换

摘要： jquery选择器得到的jquery对象和标准的javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般情况下，如S(’#id’)得到的是jquery对象，它不能使用js中的dom方法。所以，如果jquery对象要使用标准的dom方法，就需要进行对象转换。刚开始学习jQuery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换。什么是jQuery对象？---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuer 阅读全文

posted @ 2012-02-14 11:51 batigol 阅读(230) 评论(0) 推荐(0)

jQuery中的end()

摘要：本文是关于jQuery中的end() 方法的介绍。最近在学习jQuery方面的知识，学习中遇到一定的困难，一些知识不得不查看官方的文档，在用到end()方法时，被一个小例子搞得有点晕。在官方的API上是这样描述end()方法的：“回到最近的一个"破坏性"操作之前。即，将匹配的元素列表变为前一次的状态。”；首先要知道此处的"破坏性"指的是所选择的元素集合发生的变化。看样子好像是找到最后一次操作的元素的上一元素，在如下的例子中：html代码：<div>测试内容1</div><div>测试内容2</div>jQu 阅读全文

posted @ 2012-02-14 11:33 batigol 阅读(610) 评论(1) 推荐(2)

class中的空格

摘要： <div class="container">simple</div><div class="layer container">complex</div>//意思是同时属于两个class<script type="text/javascript"> alert($(".container&.layer").html());//同时选择两个class</script> 阅读全文

posted @ 2012-02-14 11:21 batigol 阅读(166) 评论(0) 推荐(0)

$(document).ready() DOMContentLoaded 与 windows.onload，$(window).load

摘要：以另外，需要注意一点，由于在 $(document).ready() 方法内注册的事件，只要 DOM 就绪就会被执行，因此可能此时元素的关联文件未下载完。例如与图片有关的 html 下载完毕，并且已经解析为 DOM 树了，但很有可能图片还没有加载完毕，所以例如图片的高度和宽度这样的属性此时不一定有效。要解决这个问题，可以使用 Jquery 中另一个关于页面加载的方法 ---load() 方法。 Load() 方法会在元素的 onload 事件中绑定一个处理函数。如果处理函数绑定给 window 对象，则会在所有内容 ( 包括窗口、框架、对象和图像等 ) 加载完毕后触发，如果处理函数绑定在元素上阅读全文

posted @ 2012-02-14 10:55 batigol 阅读(509) 评论(0) 推荐(0)