文档分类：管理/人力资源 > 员工关系 12 jQuery基础入门（精选）.pptx

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

淘豆网网友tuokeng5979595近日为您收集整理了关于12 jQuery基础入门（精选）的文档，希望对您的工作和学习有所帮助。以下是文档介绍：12 jQuery基础入门（精选） jQuery 基础教程内容简介jQuery的由来及简介一jQuery对象和DOM对象二jQuery选择器三jQuery中的DOM操作四三RIA技术■ RIA(Rich Applications)富互联网应用,具有高度互动性、丰富用户体验以及功能强大的客户端。■常见的RIA技术■ Ajax■ Flex■ Sliverlight■ JavaScript及其框架是实现RIA的重要工具JavaScript框架简介■随着JavaScript、CSS、Ajax等技术的不断进步,越来越多的开发者将一个又一个丰富多彩的程序功能进行封装,供其他人可以调用这些封装好的程序组件(框架)■当前流行的 JavaScript 库有:jQuery的优势■轻量级(Lightweight)■强大的选择器■出色的DOM操作封装■可靠的事件处理机制■出色的浏览器兼容性jQuery 理念: 写得少, 做得多jQuery的使用■下载:提供了最新的jQuery框架下载。通常只需下载最小的jQuery包(Minified)即可。目前最新的版本jquery-1.3.2.min.js文件只有55(来源：淘豆网[]).9 KB■引用:<script src="jquery.min.js" ></script>■将jQuery框架文件导入后,就可以使用jQuery的选择器和各种函数功能了。第一个jQuery程序<script src="jquery.min.js"></script><script>$(document).ready(function(){alert("Hello World!");});</script>引入jQuery等待DOM文档载入后执行类似于window.onload弹出一个对话框jQuery 对象■ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象■ jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery对象, 那么它就可以使用 jQuery 里的方法:$(“#tab”).html();■ jQuery (来源：淘豆网[])对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法■建议约定:如果获取的是 jQuery 对象, 那么要在变量前面加上$. var $variable = jQuery 对象■ var variable = DOM 对象jQuery 对象转成 DOM 对象■ jQuery 对象不能使用 DOM 中的方法, 但如果 jQuery 没有封装想要的方法, 不得不使用 DOM方法的时候, 有如下两种处理方法:■(1) jQuery 对象是一个数组对象, 可以通过[index] 的方法得到对应的 DOM对象.■$("#msg")[0]■(2) 使用 jQuery 中的 get(index) 方法得到相应的 DOM 对象■$("#msg").get(0)DOM 对象转成 jQuery 对象■对于一个 DOM 对象, 只需要用$() 把 DOM 对象包装起来(jQuery 对象就是通过 jQuery 包装DOM 对象后产生的对象), 就可以获得一个jQuery 对象. 例如:■$(document.getElementById(“msg”))■转换后就可以使用 jQuery 中的方法了

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

更多>>该用户其他文档

下载所得到的文件列表

12 jQuery基础入门（精选）.pptx

文档介绍：
12 jQuery基础入门（精选） jQuery 基础教程内容简介jQuery的由来及简介一jQuery对象和DOM对象二jQuery选择器三jQuery中的DOM操作四三RIA技术■ RIA(Rich Applications)富互联网应用,具有高度互动性、丰富用户体验以及功能强大的客户端。■常见的RIA技术■ Ajax■ Flex■ Sliverlight■ JavaScript及其框架是实现RIA的重要...12 jQuery基础入门（精选） jQuery 基础教程内容简介jQuery的由来及简介一jQuery对象和DOM对象二jQuery选择器三jQuery中的DOM操作四三RIA技术■ RIA(Rich Applications)富互联网应用,具有高度互动性、丰富用户体验以及功能强大的客户端。■常见的RIA技术■ Ajax■ Flex■ Sliverlight■ JavaScript及其框架是实现RIA的重要工具JavaScript框架简介■随着JavaScript、CSS、Ajax等技术的不断进步,越来越多的开发者将一个又一个丰富多彩的程序功能进行封装,供其他人可以调用这些封装好的程序组件(框架)■当前流行的 JavaScript 库有:jQuery的优势■轻量级(Lightweight)■强大的选择器■出色的DOM操作封装■可靠的事件处理机制■出色的浏览器兼容性jQuery 理念: 写得少, 做得多jQuery的使用■下载:提供了最新的jQuery框架下载。通常只需下载最小的jQuery包(Minified)即可。目前最新的版本jquery-1.3.2.min.js文件只有55.9 KB■引用:<script src="jquery.min.js" ></script>■将jQuery框架文件导入后,就可以使用jQuery的选择器和各种函数功能了。第一个jQuery程序<script src="jquery.min.js"></script><script>$(document).ready(function(){alert("Hello World!");});</script>引入jQuery等待DOM文档载入后执行类似于window.onload弹出一个对话框jQuery 对象■ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象■ jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery对象, 那么它就可以使用 jQuery 里的方法:$(“#tab”).html();■ jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法■建议约定:如果获取的是 jQuery 对象, 那么要在变量前面加上$. var $variable = jQuery 对象■ var variable = DOM 对象jQuery 对象转成 DOM 对象■ jQuery 对象不能使用 DOM 中的方法, 但如果 jQuery 没有封装想要的方法, 不得不使用 DOM方法的时候, 有如下两种处理方法:■(1) jQuery 对象是一个数组对象, 可以通过[index] 的方法得到对应的 DOM对象.■$("#msg")[0]■(2) 使用 jQuery 中的 get(index) 方法得到相应的 DOM 对象■$("#msg").get(0)DOM 对象转成 jQuery 对象■对于一个 DOM 对象, 只需要用$() 把 DOM 对象包装起来(jQuery 对象就是通过 jQuery 包装DOM 对象后产生的对象), 就可以获得一个jQuery 对象. 例如:■$(document.getElementById(“msg”))■转换后就可以使用 jQuery 中的方法了 内容来自淘豆网转载请标明出处.