传智播客java培训2010年4月13日JQUERY总结

今天学习了AJAX库JQUERY，虽然其列罗的许许多多的优点，但能让我明确的感受得到的就是WRITE LESS，DO MORE，写更少的代码，做更多的事情。因为在练习的过程当中，我的的确确体会到了!其提到的另外一个优点也是我们搞WEB站点开发的人员不得不青睐的原因-----兼容各种浏览器。WEB程序员以前都有的共同感受，用javascript要为不同的浏览器编写不同的js代码，因为我们不得不考虑程序的健壮性。
以前我们操作JAVASCRIPT，其实操作的就是DOM对象，但现在既然我们要学习JQUERY，所以，以下两步是必须知道的：
1.从DOM对象到JQuery对象的转换，$(DOM对象)就OK了。感觉是不是很简单，但如果仅仅是这样的话，是根本体会不到什么的！
2.将JQuery对象转为Dom对象.[index]和.get(index); 
 
今天的学习最让我困扰的就是选择器的学习，因为选择的多样性，搞得我迷迷糊糊的，因为知识点太多了，记不过来，但选择器的运用是掌握好JQUERY对象的必备法宝，选择器JQUERY的文档中被称为JQUERY的根基。但从整体上来说，要理解还是挺容易的，但得花一点时间来记忆。
选择器的分类：
1.基本选择器
i. 基本选择器是 jQuery 中最常用、简单的选择器, 它通过元素 id, class 和标签名来查找 DOM 元素。分类如下：
1. Id选择器  根据DOM中的id来进行选择 $("#id名")  注意：是小括号。
2. 类选择器  根据DOM中的class来选择 $("class类名")
3. 元素选择器 根据DOM中的tagName来进行选择 $("标签名")
4. 组合及*。
基本选择器，也学习其它选择器的基础。
2.层次选择器
i. 从字面上理解这层次，就是DOM中各级元素之前的关系吧！分类如下：
1. Ancestor（祖宗，祖先，原型，先驱） descendant（子孙,后裔）。第一种格式就是： 祖先元素 子孙元素   例子： $(”form input”)  找到form 元素内部所有的input 无素集合。
2. parent > child
a) 只匹配parent元素的子元素，不包含孙元素
3. prev + next
a) 匹配prev 元素后同出现的所有子元素
4.   prev ~ siblings 
匹配prev 元素的所有兄弟元素
i. 格式：改变 id 为 two 的元素所有 <div> 兄弟元素的背景色为 #0000FF   ("#two").siblings("div").css("background","#0000FF")
 
 
3.过滤选择器  都以 “:” 开头
i. 基础过滤选择器
1. :first    例子：form:first 第一个form元素
2. :last     例子：form:last最后一个form元素
3. :not     例子：div:not(#id1) 找到id不是id1的所有DIV
4. :even   偶数 tr:even 偶数行
5. :odd     奇数 tr:odd 奇数行
6. :eq(index) 匹配给定的索引值 input:eq(0) 第一个input 元素
7. :gt 匹配所有大于索引值 input:eq(0) 索引值大于0的元素
8. :lt 匹配所有小于索引值
9. :header(固定写法)  专用于设置标题
10. animated(固定写法) 
 
  JQUERY 的学习，要想一天两天就全部掌握牢固，我感觉是不太可能的，因为其实的有许多的细节需要你在日积月累中才可能充分理解透。所谓一口不可能吃个大胖子，我也希望更多能看到我博客的朋友，一定要持之以恒，相信都可以学得会吧！所以，要良好记好笔记的习惯，那天不懂的时候，可以回来查阅呵呵！