第05部分-JavaScript技术应用.ppt

return true等于continue ;return false等于break; * 这里 alert(key)将输出 one two threealert(val)将输出 1 2 3 * $(.btn1).click(function(){ $(#box).animate({height:300px}); }); * 一、JQuery简介 随着JavaScript、CSS、Ajax等技术的不断进步，越来越多的开发者将一个又一个丰富多彩的程序功能进行封装，供其他人可以调用这些封装好的程序组件（框架）。这使得Web程序开发变得简洁，并能显著提高开发效率。 jQuery的官方网站（）提供了最新的jQuery框架下载。通常只需要下载最小的jQuery包（Minified）即可。 目前最新的版本1.8.2 (截止2012.11)，这里选用1.4.1 二、jQuery的使用 jQuery是一个轻量级的JavaScript框架，不需要安装。因为jQuery实际上就是一个外部js文件，使用时直接将该js文件用script标记链接到自己的页面中即可，代码如下： script src= jquery.min.js type=text/JavaScript /script 将jQuery框架文件导入后，就可以使用jQuery的选择器和各种函数功能了。 三、JQuery核心函数 $(expression [,context]) 用一个包含CSS选择器的字符串去匹配一组元素。 $(elements) 将一个或多个DOM元素转换化为JQuery对象 $(html) 根据所提供的HTML标记字符串，动态创建由JQuery包装的DOM元素。 $(callback) $(document).ready()的简写。允许绑定一个在DOM文档加载后执行的函数。 三、 JQuery核心函数 1. “$”用作选择器 script type=text/JavaScript src=jquery-1.3.2.js/script script type=text/JavaScript $(document).ready(function(){ //页面载入后执行 $(h2a).css(color,red); $(h2a).css(textDecoration,none); }); /script 使本来不支持子选择器的IE 6也能支持子选择器 三、 JQuery核心函数 2. “$”用作功能函数前缀 如each()方法，能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等。 $.each(object, callback, args) 该方法有三个参数: 进行操作的对象object，进行操作的函数callback ，函数的参数args。 其中的第2个参数callback是个函数，当each函数没有提供args时，callback函数调用传入的参数是：子元素索引，子元素本身 。 三、 JQuery核心函数 2. “$”用作功能函数前缀 如each()方法，能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等。 在javaScript开发过程中使用each可以大大的减轻工作量。 (1)each处理一维数组： 三、 JQuery核心函数 2. “$”用作功能函数前缀 如each()方法，能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等。 在javaScript开发过程中使用each可以大大的减轻工作量。 (2)each处理二维数组 ： 三、 JQuery核心函数 三、 JQuery核心函数 2. “$”用作功能函数前缀 如each()方法，能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等。 在javaScript开发过程中使用each可以大大的减轻工作量。 (3)each处理json数据，能循环每一个属性 ： 三、 JQuery核心函数 3.解决DOM加载的问题，处理onload冲突 用法：$(document). ready(…) $(document).ready(function(){ (#loading).css(display,none); }) 仅加载完DOM结构后就执行，即加载完html文档后，还没