jquery实战第五讲级联下拉框效果_W

1、 绚丽效果教你做之JQuery实战级联下拉框效果 ITCAST签约讲师王兴魁 ITCAST版权所有 JQuery实战z本次课程实例展示 Page 2ITCAST版权所有 JQuery实战z本节学到的JQuery及其他开发知识： z1.img标签的alt属性要写上，在图片尚未装载 进来或图片不存在时，这个属性的文字信息会显示出来 z2.select表示下拉框，下拉框的每一项都是一 个option，option开始结尾标签中的内容会显示在页面上，value属性的值则是用于在JQuery中用val方法获取并发送给服务器的。定 义了selected的属性值为selected时，表示当前option被选

2、中 Page 3ITCAST版权所有 JQuery实战z本节学到的JQuery及其他开发知识： z3.div元素居中显示的方法：给div设定宽度， 然后margin-left和margin-right的值都为auto。简写方法是margin: 0 auto;z4.html的p标签表示一个段落的内容，其中的 内容会独占一行或多行，后面的内容会另起一行显示 z5.为了让p中文字和图片居中，可以使用text-align属性，属性值为center。p标签默认有margin-top和margin-bottom的值，需要的话可以通过css清除 Page 4ITCAST版权所有 JQuery实战z本节学到的

3、JQuery及其他开发知识： z6.visibility的属性值为hidden时，元素隐藏， 但是和display为none不同的时，在页面中任然占据一定空间，只是不显示 z7.多个选择器如果有相同的属性值，可以放在 一起定义，选择器之间用逗号分割 z8.change方法对应标准Javascript中的 Page 5ITCAST版权所有 JQuery实战 本节学到的JQuery及其他开发知识： 9.parent方法可以获得一个节点的父节点 10.next方法可以获得一个节点的下一个兄弟节点， 对应的previous方法可以获得一个节点的上一个兄弟节点 11.$.post方法可以和服务器端发起p

4、ost的异步请求。第一个参数是请求的服务器端地址，第二个参数是发送给服务器端的数据，参数是Javascript的对象，采用名值对的方式表示，第三个参数是回调方法，第四个参数指示服务器端返回的数据类型，JQuery会根据这个参数帮我们进行转换。get方法只有第二个参数不同，其他几个参数用法相同 Page 6ITCAST版权所有 JQuery实战z本节学到的JQuery及其他开发知识： z12.Javascript中的简单对象定义方式是key1:value1, key2: value2z13.JSON的数据格式其实就是Javascript中的 一个对象或数据定义的文本格式内容，比如 key1: v

5、alue1, key2: 1,2,3或1,2,key2: value2z14.可以直接$(“”)的方法来建立下拉框中的选项，然后用appendTo这样的方法加入到下拉框中 Page 7ITCAST版权所有 JQuery实战z本节学到的JQuery及其他开发知识： z15.attr方法可以设置或获取某一个节点的属性 值 z16.ajaxStart在每一个JQuery发出的ajax请求 开始前执行，ajaxStop在JQuery队列中所有的ajax请求结束后执行，ajaxComplete在每一个JQuery发出的ajax请求结束后执行 z17.fadeOut和fadeIn可以实现淡出淡入的效果 ，

6、参数内容和slideUp，slideDown方法类似。Page 8ITCAST版权所有 JQuery实战z本节学到的JQuery及其他开发知识： z18.animate方法可以实现任意的动画效果，可 以控制某个css属性在某个时间内进行变化， 从而达到动画的效果 z19.opacity可以改变元素的，IE中使用 过滤器实现，100表示完全显示，0表示完全透明，非IE浏览器使用opacity属性，1表示完全显示，0表示透明。JQuery在animate方法中屏蔽了浏览器差异，直接使用opacity就可以达到淡入淡出的效果。 Page 9ITCAST版权所有z JQuery实战z本节学到的JQuery及其他开发知识： z20.data方法可以用于缓存数据。缓存可以提 高系统的运行效率，降低服务器端的负荷 z