37-JQuery对象.docxVIP

精通jQuery编程（一）目录精通jQuery编程（一）1一、Javascript代码库11、什么是Javascript代码库12、Javascript代码库历史13、jQuery概述24、下载jQuery源代码25、jQuery分类2二、jQuery部署与使用21、部署jQuery22、快速入门3三、jQuery中的选择器31、基本选择器42、层级选择器43、简单选择器54、内容选择器65、可见性选择器76、属性选择器8一、Javascript代码库Javascript是网景公司开发的一款网页脚本语言，Javascript的出现改变了传统形式的互联网，让用户和网页之间可以实现实时的互动等动态效果，让网页变的更加丰富多彩。但是Javascript自身存在三个弊端：① 复杂的DOM文档模型 ② 不一致的浏览器体现 ③ 便捷开发、调试工具的缺乏。1、什么是Javascript代码库为了简化Javascript操作，出现很多优秀的Javascript代码库，Javascript代码库是实际对Javascript中常用或复杂代码封装。2、Javascript代码库历史Prototype代码库：最早成型的一款Javascript代码库，其主要是实现对Javascript代码中常用函数、系统类进行封装成一些简单的函数，由此组成了第一款知名的Prototype代码库，但是由于成型比较早，整体结构对面向对象的思想实现不完全，导致结构比较松散，现在其也正在慢慢改变…Dojo代码库：实现许多其他代码库不具有的功能，矢量图形、离线存储、富媒体等等，但是其学习曲线陡，文档不完全，更严重的是API不稳定，可能导致以前很多功能失效，但是其独特的功能还是值得去学习一下，其慢慢也在改变…YUI代码库（Yahoo公司开发的一款Javascript代码库），主要是由一些CSS文件与几个Javascript代码组成的，代码非常优秀也是非常值得学习。CSS ：CSS分层、面向对象、CSS雪碧图Javascript代码库非常的优秀ExtJS代码库（其是YUI框架的一个前端扩展，主要用于实现前端界面），具有很多丰富的富媒体界面，可以让B/S结构具有C/S结构的界面和功能，但是其代码自身比较臃肿，而且其不是免费的，是收费软件，使用时必须授权。Mootools代码库：代码非常精简，完全采用面向对象思想进行结构，整体代码压缩版不足8k，即使完整版也不超过160k，代码编写非常优秀，值得去学习和研究…jQuery代码库：主流Javascript代码库，基本80%以上的公司都要求自家程序员掌握jQuery。3、jQuery概述一款免费且开放源代码的JavaScript代码库，其功能特别强大：① 强大的选择器支持，可以通过一行代码就选择你想要的任何元素② 强大的链式操作③ 解决浏览器的兼容性问题④ 具有丰富的特效功能⑤ 其他…4、下载jQuery源代码下载地址：// 建议下载1.8.3以下版本，因为在jQuery1.8.3以上版本中，其明确声明：不再支持IE浏览器5、jQuery分类jquery-1.8.3.js：未压缩版，没有去除空格和回车，代码具有可读性（学习版）jquery-1.8.3.min.js：压缩版，去除了不必要的空格和回车，代码比较精简，只有一行（开发版）二、jQuery部署与使用1、部署jQueryjQuery的部署非常简单，只需要把jQuery的源代码复制项目的相关目录，然后重命名改文件为jquery.js即可。2、快速入门① 通过script代码载入jquery.js文件② 定义相关组件（HTML+CSS）③ 为元素绑定事件（如onclick事件）④ 使用jQuery选择器获取元素并操作三、jQuery中的选择器在原生的Javascript代码中，可以通过document.getElementById获取页面中指定Id的DOM元素，这一点，在jQuery中可以通过$函数来实现。在jQuery中，一共具有九大类选择器，如下：1）基本2）层级3）简单4）内容5）可见性6）属性7）子元素8）表单9）表单对象属性1、基本选择器#id ：匹配具有指定id的元素.class ：匹配具有指定class的元素Element ：匹配具有指定标签（标签名）的元素selector1,selector2 ：匹配参数列表中的所有元素示例代码：2、层级选择器ancetor descendant ：匹配祖先元素下的所有后代元素（包括子元素与后代元素）parent child ：匹配父元素下的所有子元素（只包括子元素）prev + next ：匹配上一个元素紧邻的下一个元素（同级关系）prev~siblings ：匹配上一个元素下的所有同级兄弟元素（同级关系）示例代码：3、简单选择器:fi