(13)--jQuery的简单介绍

jQuery

jQuery介绍

JS类库

l  JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。

当前流行的JavaScript库

l  jQuery ，最流行

l  EXT_JS，2.0开始收费

l  Dojo ，很多js单独文件，优化：打包。（常见：开发小图标，一张图片）

l  Prototype，对js扩展，框架开发。

l  YUI(Yahoo! User Interface) ，taobao之前使用。

l  淘宝UI：http://docs.kissyui.com/

l  Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。基于jQuery一个UI工具

jQuery介绍

l  JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），

jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，

并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，

同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，

也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。

l  轻量级：依赖程序少，占用的资源的少

l  特点：js代码和html代码分离

l  jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。

l  由美国人John Resig在2006年1月发布

l  jQuery是免费、开源的

l  jQuery分类：

       WEB版本：我们主要学习研究

       UI版本：集成了UI组件

       mobile版本：针对移动端开发

       qunit版本：用于js测试的

优点

l  核心理念是write less,do more(写得更少,做得更多)

l  轻量级：源码1.11.js大小是286kb，压缩班1.11.min.js大小是94.1k。如果使用GZIP压缩更小。

l  兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari2.0+, Opera 9.0+）

l  jQuery的语法设计可以使开发者更加便捷

l  例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能

l  jQuery能够使用户的html页面保持代码和html内容分离

l  不用再在html里面插入一堆js来调用命令了，只需要定义id即可

l  jQuery提供API让开发者编写插件，有许多成熟的插件可供选择

l  文档说明很全

基本语法

1、jQuery语法

2、jQuery对象和dom对象转换

选择器

基本

#id ， id选择器， 通过id值获得元素

element，标签选择器， 通过标签名获得元素

.class ，类选择器，通过class值获得元素。注意：使用点开头

s1,s2,... 多选择器，将多个选择器的结果添加一个数组中。

*     所有

      
      手动重置页面元素  
      点击下列按钮时先自动重置页面

  
     
基本选择器.
  
       
       
          
        
        
        
        
      
      

  
      
         
      
  
     id为one,class为one的div  
          
class为mini
  
      
  
      
        
  
         id为two,class为one,title为test的div.  
          
class为mini,title为other
  
          
class为mini,title为test
  
      
  
      
      
  
          
class为mini
  
          
class为mini
  
          
class为mini
  
          
  
      
  
      
      
      
      
  
          
class为mini
  
          
class为mini
  
          
class为mini
  
          
class为mini,title为tesst
  
      
  
      
      
      
style的display为"none"的div
  
        
      
class为"hide"的div
  
       
      
  
      包含input的type为"hidden"的div  
      
  
      
        
      正在执行动画的span元素.  
      
      

Python学习交流、资源共享群：563626388 QQ