前言:
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 !