【jQuery实战知识点总结】

前言：

JQuery实战中，通过实例，自己对于JQuery了解的多了些，本篇博客来总结jQuery实战视频中的重要知识点，巩固自己的基础知识。

核心：

第一讲：

• 定义div或span节点，显示服务器返回数据。
• 通过$(document).ready(function(){})方法定义页面装载完成时，需要执行的方法
• 在$()方法返回的jQuery对象上执行各种jQuery的方法来获取数据，定义事件，执行操作。
• 解决中文乱码：发送给服务器的数据在JavaScript中做两次encodeURI，然后在服务器的代码按UTF-8的方式做一次URLDecode。

第二讲:

• table中可以包含thead和tbody
• 通过border-collapse；collapse这种方式来使表格中的单元格的边框合并
• $("tbody tr:even")可以返回tbody中所有索引值是偶数的tr节点
• jQuery的对象内容包含着选择器对应的DOM节点，以数组形式保存
• function中的this代表执行这个function的对象。
• $()方法的参数是一个DOM对象时，这个方法相当于把DOM对象转换成jQuery对象。
• 如果选择器返回的jQuery对象中包含对个DOM节点，在这个对象上注册类似于click这样的事件时，所有的DOM节点都会用于事件
• $()方法的参数如果是一段正确的HTML文本，则可以创建一个DOM节点，并包装成jQuery对象
• 采用链式方法的写法给予jQuery的代码
• jQuery中某个事件方法的参数function上可以定义一个event的参数，jQuery会屏蔽浏览器的event差异，传给我们一个可用的event对象。
• jQuery的event对象上有一个which的属性可以获得键盘按键的键值

第三讲：

• background-repeat控制背景图的重复填充方式
• .main a 和 .main > a的不同之处，前者选择使用了.main的这个class的元素内部所有的a节点，后者选择了.main的子节点中的a节点
• .toggle方法直接让显示的元素隐藏，让隐藏的元素显示。
• slideDown,slideUp可以实现向下或向上卷动的效果
• 对jQuery的$方法，可以传入多个选择器。

第四讲：

• jQuery中的mouseover ，mouseout 方法对应标准的JavaScript的onmouseover，onmouseout事件，处理鼠标进入和离开的事件。
• eq方法可以根据索引值得到jQuery对象中包含的多个元素的某一个元素，并仍然返回元素对应的新jQuery对象
• setTimeout方法可以延迟执行某些代码。
• jQuery中的load方法，把一个指定的静态，动态页面或服务器端程序输出的数据装入到执行load方法的jQuery对象包装的元素。且load方法还支持部分装载。
• ajax中的ajaxStart,ajaxStop对应ajax交互开始前和结束后的事件。

第五讲：

• img标签的alt属性，在图片尚未装载进来或图片不存在时，这个属性的文字信息会显示出来。
• $.post方法可以和服务器端发起post的异步请求。第一个参数：请求服务器的地址 第二个参数：发给服务端的数据，采用JavaScript的对象，用名值对的方式表示 第三个参数是回调方法 第四个参数的：服务器端返回的数据类型。
• JSON的数据格式是JavaScript中一个对象或数据定义的文本格式内容。
• fadeOut 和fadeIn可以实现淡出淡入的效果
• aninate方法可以实现任意的动画效果，可以控制某个css属性在某个时间内进行变化，从而达到动画的效果
• date方法可以用于缓存数据

第六讲：

• 插件的编写：$.fn.muplugin =function(){},方法中的this表示的是执行这个方法的jQuery对象，注意方法应该最后return this ，以保证其他jQuery方法可以级联操作
• instanceof可以判断一个变量是不是js的实例
• dequeue方法可以从动画队列的开头移除一个动画效果，并立即执行它

总结：

理论上的学习是一方面，然而实践更加的重要！加油吧！to do !