文档分类：行业资料 > 轻工业/手工业 JQuery开发技术入门1.ppt

在线文档经过高度压缩，下载原文更清晰。

淘豆网网友xxj16588近日为您收集整理了关于JQuery开发技术入门1的文档，希望对您的工作和学习有所帮助。以下是文档介绍：JQuery开发技术入门1 JQuery开发技术入门AF.4.05讲解内容认识JQuery 如何使用JQuery认识JQuery1. jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jrn Zaefferer,罗马尼亚的Stefan Petre等等。2. jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITELESS,DO MORE,写更少的代码,做更多的事情。3. 它是轻量级的js库(目前最新压缩版54k),这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+,Opera 9.0+)。认识JQuery1. jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。2. jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。3. j(来源：淘豆网[])Query能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。4. Jquery是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多,简单了解过。但使用上jquery之后,马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.下载JQuery1. JQuery官网: 制作“Hello word!”例子JQuery选择器jQuery提供两种方式来选择html的elements,第一种是用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器(如:$(“div > ul a”));第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。JQuery对页面属性的选择控制(整理):http:/(来源：淘豆网[])/lym6520./admin/blogs/354183使用JQuery选择器1. 匹配所有元素:$("*").css("border","3px solid red");2. 匹配类为myClass的元素:$(".myClass").css("border","3px solidred");3. 匹配所有div元素:$("div").css("border","9px solid red");4. 匹配Id为myDiv的元素:$("#myDiv").css("border","3px solid red");5. 匹配所有div、span以及p下class为myClass的元素:$("div,span,p.myClass").css((来源：淘豆网[])"border","3px solid red");6. 匹配Id为orderedlist 下的li元素:$("#orderedlist >li").addClass("blue");7. 匹配 id为prev之后的所有 div元素: $("#prev ~ div").css("border","3px groove blue");应用JQuery1. CSS操作2. DOM操作3. 事件4. 实现动画效果5. AJAXAJAX$.ajax({ url: “action.do",async: true|false ,data: "name=John&location=Boston",dataType: “json"ess: function(data){//成功后执行}});AJAX$.post("action.do", {Action : "post",param1 : value1,param2 : value2,param3 : value2}, function(data) {//相关处理}, "json");

播放器加载中，请稍候...
系统无法检测到您的Adobe Flash Player版本
建议您在线安装最新版本的Flash Player 在线安装

更多>>该用户其他文档

下载所得到的文件列表

JQuery开发技术入门1.ppt

文档介绍：
JQuery开发技术入门1 JQuery开发技术入门AF.4.05讲解内容认识JQuery 如何使用JQuery认识JQuery1. jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jrn Zaefferer,罗马尼亚的Stefan Petre等等。2. jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WR...JQuery开发技术入门1 JQuery开发技术入门AF.4.05讲解内容认识JQuery 如何使用JQuery认识JQuery1. jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jrn Zaefferer,罗马尼亚的Stefan Petre等等。2. jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITELESS,DO MORE,写更少的代码,做更多的事情。3. 它是轻量级的js库(目前最新压缩版54k),这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+,Opera 9.0+)。认识JQuery1. jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。2. jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。3. jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。4. Jquery是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多,简单了解过。但使用上jquery之后,马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.下载JQuery1. JQuery官网: 制作“Hello word!”例子JQuery选择器jQuery提供两种方式来选择html的elements,第一种是用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器(如:$(“div > ul a”));第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。JQuery对页面属性的选择控制(整理):使用JQuery选择器1. 匹配所有元素:$("*").css("border","3px solid red");2. 匹配类为myClass的元素:$(".myClass").css("border","3px solidred");3. 匹配所有div元素:$("div").css("border","9px solid red");4. 匹配Id为myDiv的元素:$("#myDiv").css("border","3px solid red");5. 匹配所有div、span以及p下class为myClass的元素:$("div,span,p.myClass").css("border","3px solid red");6. 匹配Id为orderedlist 下的li元素:$("#orderedlist >li").addClass("blue");7. 匹配 id为prev之后的所有 div元素: $("#prev ~ div").css("border","3px groove blue");应用JQuery1. CSS操作2. DOM操作3. 事件4. 实现动画效果5. AJAXAJAX$.ajax({ url: “action.do",async: true|false ,data: "name=John&location=Boston",dataType: “json"ess: function(data){//成功后执行}});AJAX$.post("action.do", {Action : "post",param1 : value1,param2 : value2,param3 : value2}, function(data) {//相关处理}, "json"); 内容来自淘豆网转载请标明出处.