Jquery学习笔记

Jquery学习笔记（一）

1.HTML负责页面内容，CSS负责页面样式，JS负责页面行为。

2.HTML中应该有DOCTYPE来告知浏览器的渲染方式

3.可以预先定义DIV或者是SPAN节点来显示服务器端返回的数据

4.border属性可以控制页面元素的边框

5.background-***可以控制背景图，背景图位置，重复显示的方式

6.可以通过#idname和.classname来设定html节点的样式

7.可以通过$(document).ready(function(){})方式来定义页面装载完成以后需要执行的方法

8.可以通过$()来获取页面上指定的节点，参数是某种css的选择器

9.可以在$()返回的Jquery对象上执行各种Jquery方法来获取数据，定义事件，执行事件

10. .val()方法可以获得节点的属性值

11. .html()可以获得某个节点的html内容

12. click()方法可以响应鼠标点击事件

13. .keyup()方法可以响应键盘键弹起事件

14.$.get()方法可以与服务器端进行get方式进行交互，注册的callback方法会在数据返回来的调用。这个方法会接收到代表服务器端返回数据的一个纯文本参数

15.addClass()和removeClass()可以为某一个节点增加或者删除样式

16.发送给服务器端的数据在js中可以进行两次encodeURI，然后再服务器端进行URLdecide方式UTF-8方式进行解码，可以解决中文乱码问题

 

Jquery学习笔记（二）

1.table中可以包含thead和tbody

2.表头的内容可以放到th中

3.table{}被称为标签选择器，可以对整个页面的table产生影响

4.table td {}这种写法是表示的是table中所有的td

5.可以通过border-collapse:collapse这种方式来使表格中的单元格进行合并

6.当th上有背景色的时候，这个th所属的tr的背景色会自动无效

7.$(function(){})是$(document).ready(function(){})的简化写法

8.$("tbody tr")可以返回tbody的所有tr节点

9.$("tbody tr :even")可以返回所有的tbody中索引值为偶数的tr节点

10.css方法可以用于设定获取节点的css属性，参数名是css的属性名

11.Jquery的对象内容包含着选择器对应的DOM节点，以数组的形式保存

12.get方法可以获取Jquery对象包含的某一个DOM节点

13.function中的this代表执行这个function的对象

14.$()方法的参数是一个DOM对象时，这个方法相当于把DOM对象转换成Jquery对象

15.children方法是可以获得某个节点的子节点，可以通过参数来限制子节点的参数

16.如果选择器中包含有多个DOM节点在这个对象上注册类似click这样的事件时所有DOM节点都会用于事件

17.html方法可以用于设定或者获取节点的html内容

18.val可以设置或者获取节点的value值

19.$()的参数如果是一段正确的html代码的话，则可以创建一个DOM节点并包装成Jquery对象。

20.Jquery的大部分方法都会返回执行这个方法的Jquery对象，因此可以采用链式写法来编写Jquery代码

21.width可以用于设定和获取节点的宽度

22.appendTo可以用于将一个节点追加到另一个节点上

23.阻止事件传递可以可以让当前节点的事件返回false

24.triger方法可以出发某个js事件的发生

25.可以在function(event){}中添加event参数，Jquery会屏蔽浏览器的差异返回给我们一个可用的event对象

26.event有一个which属性可以获取键盘键值

27.13表示回车键，27表示ESC键。

Jquery学习笔记（三）

1.页面中的菜单可以通过嵌套ul和li标签来实现

2.ul和li标签默认的时候文字前面都有圆点标识符，li会有缩进，Opera浏览器比较特殊。

3.list-style属性值为none的时候可以清除ul和li的前面小圆点

4.清除子菜单的缩进需要将padding和margin都设置成0，其中IE6和IE7只有margin也为零的时候才可以清除缩进值

5.可以使用background-image来指定一个元素的背景图，如果背景图比实际的元素要是小的话会自动在横向或者纵向上重复显示，直到填满整个区域为止

6.可以使用background-repeat来控制背景图的填充方式

7.如果一个元素同时定义了背景图和背景色的话，有背景图的地方是不会显示背景色的。

8.text-decoration属性值为none时，可以取消文字上的下划线

9.background-position可以控制背景图的位置，属性值既可以用数值也可以用center和top和left来控制横纵向的位置，这个属性的两个值一个对应横向，一个对应纵向

10.background-image的值为none的时候表示没有背景图

11.background-repeat的值为no-repeat的时候背景图不会在所在的区域中重复显示

12.IE6以外的浏览器可以通过设定display的值为block来让a元素充满所在的区域。对于IE6，则需要设定display为inline-block，同时设定a的宽度。

13.display的值为none可以用来隐藏元素

14..main a 和.main >a 的不同之处，前者选择使用了.main的这个class的元素内部所有的a节点，后者只选择.main的子节点中的a节点

15.show ，hide 方法可以用于显示或者隐藏元素，没有参数时的效果和修改css的display属性效果一样。参数可以是单位为毫秒的数字，或者是‘slow’‘normal’‘fast’这三个文字都可以来控制完成显示或者隐藏需要的时间。注意这时的动画效果靠不断的改变元素的宽度和高度来实现的。

16.toggle方法更为强大，可以省去让我们判断元素是显示还是隐藏的状态，直接让显示的元素隐藏起来，隐藏的元素显示出来。参数的使用方法和show，hide相同

17.slideDown，slideUp可以实现向下或者向上的卷动的效果，实际上是通过制定时间内修改元素的高度来实现动画效果。需要注意的是这两个方法参数为空的情况和show，hide不同

18.slideToggle和toggle达到的效果类似

19.DOCTYPE对于Jquery中的动画是有影响的。没有DOCTYPE定义时，在IE中，JQuery的动画会出现闪烁的糟糕效果

20.float的值是left，可以使原本各自位于一行的元素全部在一行中向左浮动

21.可以给多个选择器定义同样的样式，选择器之间用，分割。同样对已JQuery的$方法，也可以传入这个过滤器。