传智播客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 的学习，要想一天两天就全部掌握牢固，我感觉是不太可能的，因为其实的有许多的细节需要你在日积月累中才可能充分理解透。所谓一口不可能吃个大胖子，我也希望更多能看到我博客的朋友，一定要持之以恒，相信都可以学得会吧！所以，要良好记好笔记的习惯，那天不懂的时候，可以回来查阅呵呵！