jQuery实战五：级联下拉框效果

知识点

本节学到的jquery及其他开发知识：

1.img标签的alt属性要写上，在图片尚未装载进来或图片不存在时，这个属性的文字信息会显示出来。

2.select表示下拉框，下拉框的每一项都是一个option,option开始结尾标签中的内容会显示在页面上，value属性的值则是用于在jQuery中用val方法获取并发送给服务器的。定义了selectcted的属性值为selected时，表示当前option被选中。

3.div元素居中显示的方法：给div设定宽度，然后margin-left和margin-right的值都为auto。简写方法是margin： 0 auto；

4.html的p标签表示一个段落的内容，其中的内容会独占一行或多行，后面的内容会令起一行显示

5.为了让p中文字和图片居中，可以使用text-align属性，属性值为center。p标签默认有margin-top和margin-bottom的值，需要的话可以通过css清除

6.visibility的值为hidden时，元素隐藏，但是和display为none不同的时，在页面中任然占据一定空间，只是不显示。

7.多个选择器如果有相同的属性值，可以放在一起定义，选择器之间用逗号分割。

8.change方法对应标准JavaScript中的onchange事件，可以处理下拉框内容变化的事件。

9.parent方法可以获得一个节点的父节点

10.next方法可以获得一个节点的下一个兄弟节点，对应的previous方法可以获得一个节点的上一个兄弟节点

11 . $.post方法可以和服务器端发起post的异步请求。

第一个参数是请求的服务器端地址，第二个参数是发送给服务器端的数据，参数是JavaScript的对象，采用名值对的方式表示，第三个参数是回调方法，第四个参数指示服务器端返回的数据类型，jQuery会根据这个参数帮我们进行转换。get方法只有第二个参数不同，其他几个参数用法相同。

12.JavaScript中的简单对象定义是{key1:value1,key2:value2}

13.JSON的数据格式其实就是JavaScript中的一个对象或数据定义的文本格式内容，比如{key1：value1，key2:[1,2,3]}或[1,2,{key2:value2}]

14.可以直接$("")的方法来建立下拉框中的选项，然后用appendTo这样的方法加入到下拉框中

15.attr方法可以设置或获取某一个节点的属性

16.ajaxStart在每一jquery发出的Ajax请求开始前执行，ajaxStop在jQuery队列中所有Ajax请求结束后执行，AjaxComplete在每一个jQuery发出的Ajax请求结束后执行。

17.fadeOut和fadeIn可以实现淡出淡入的效果，参数内容和slideUp,slideDownf方法类似。

18.animate方法可以实现任意的动画效果，可以控制某个css属性在某个时间内进行变化，从而达到动画的效果。

19.opacity可以改变元素的透明度，IE中使用过滤器实现，100表示完全显示，0表示完全透明，非IE浏览器使用opacity属性，1表示完全显示，0表示透明。jQuery在animate方法中屏蔽了浏览器差异，直接使用opacity就可以达到淡入淡出的效果。

20.data方法可以用于缓存数据。缓存可以提高系统的运行效率，降级服务器端的负荷

21.可以使用JavaScript中的image对象来预装载图片，这样可以知道图片何时装载完成，以便给出一些图片装载的提示信息。

22.load方法可以对应JavaScript中的onload事件，本例中用于捕捉图片加载完成的事件。