第一篇 20101213

 开始学习jquery，以前做项目的时候也接触过一些，现在想系统的学习一下。

一切都要从基础开始，我选择【从零开始学习jQuery (一) 开天辟地入门篇】http://kb.cnblogs.com/page/46450/，

总结一下：

　1  开天辟地入门篇

　　jquery最有用的一个地方是 多浏览器兼容，但是也有缺点，就是速度会慢一些，所以好东西还要用到正确的地方，学完　　jquery还要学习一些其他的类库，以便可以选择合适的使用。

　2 万能的选择器

　　Dom对象和jQuery包装集，Dom对象很早就知道，jQuery包装集这个名词还是第一次这么清晰地知道。　

　　 Dom转jQuery包装集：

　　　　var div = document.getElementById("testDiv");

　　　　var domToJQueryObject = $(div);

　　jQuery包装集转Dom对象：

　　　　var domObject = $("#testDiv")[0];

　　this是dom对象。

　　jQuery选择器按照功能主要分为"选择"和"过滤". 并且是配合使用的. 可以同时使用组合成一个选择器字符串. 主要的区别是"过滤"作用的选择器是指定条件从前面匹配的内容中筛选, "过滤"选择器也可以单独使用, 表示从全部"*"中筛选.

　　1基础选择器 Basics

　　2层次选择器 Hierarchy

　　3基本过滤器 Basic Filters

　　4内容过滤器 Content Filters

　　5可见性过滤器  Visibility Filters

　　6属性过滤器 Attribute Filters

　　7子元素过滤器 Child Filters

　　8表单选择器 Forms

　　9表单过滤器 Form Filters

　　这么多，我只常用第一种基础选择器的id选择器，其他的理解也不太难，因为我对css的知识也比较熟悉，现在就不完全记住了，多练习就记住了。

　3 管理jQuery包装集

　　创建元素的方式：

　　　　javascript用createElement（），而用jquery的话用$(" ")的形式创建对象。

　　管理jQuery包装集元素，一些函数，看了一下，有点印象，练习的时候再记。

   4 使用jQuery操作元素的属性与样式

　　通常开发人员习惯将id, src, alt等叫做这个元素的"属性". 我将其称为"元素属性". 但是在解析成DOM对象时, 实际浏览器最后会将标签元素解析成"DOM对象", 并且将元素的"元素属性"存储为"DOM属性".

　　在javascript中我们可以直接获取或设置"DOM属性"。所以如果要设置元素的CSS样式类, 要使用的是"DOM属性"className"而不是"元素属性"class:

　　我们可以使用javascript中的getAttribute和setAttribute来操作元素的"元素属性". 在jQuery中提供了attr()包装集函数, 能够同时操作包装集中所有元素的属性:

　　可以使用 removeAttr( name ) 删除元素属性, 但是对应的DOM属性是不会被删除的, 只会影响DOM属性的值.

比如将一个input元素的readonly元素属性去掉,会导致对应的DOM属性变成false即(input变成可编辑状态):

　　$("#inputTest").removeAttr("readonly");

　　另外，可以得到属性，添加属性，改变属性。不过我觉得很有用的是offset位置坐标相关的函数，因为这个根据浏览器有不同的函数，这里可以统一一下。

　　第一天就先写这么多吧，坚持，加油！