jquery学习

1.下载jQuery文件库  --一些用法可以参考jqeruy的api

在jQuery的官方网站（http://jquery.com）中可以下载最新的库文件

2. 引入jQuery文件库

   
   

    
    

     
     <script type="text/javascript"  src="js/jquery-1.11.0.min.js"></script>
    
    
   
   

    
    

     
     

      
      $(document).ready(function(){
     
     
     
     

      
          //程序段
     
     
     
     

      
      });
     
     
     
     

      
      等价于
     
     
     
     

      
      $(function(){
     
     
     
     

      
          //程序段
     
     
     
     

      
      });
     
     
    
    

     
     

      
      

       
       总结出jQuery代码有如下特点：
      
      
      
      

       
       1．$符号标志
      
      
      
      

       
          $符号，它是对象jQuery的简写形式，$()等效于jQuery()。
      
      
      
      

       
       2．隐式循环
      
      
      
      

       
          当使用jQuery查找到符合要求的全部元素后，无需循环遍历每一个元素，比如前例的所有<h3>元素都会一一绑定click事件。依靠这种特性，使用jQuery命令的同时可以实现循环结构的功能，从而大幅减少了代码量。
      
      
     
     

基本选择器

选择器	功能	返回值
#id	根据id属性值选取元素	单个元素
.class	根据class属性值选取元素	元素集合
element	根据给定的标签名选取元素	元素集合
*	选取所有元素，包括html和body	元素集合
selector1,selector2,…,selectorn	将每一个选择器匹配到的元素合并后一起返回	元素集合

表单选择器

选择器 功能                                                                        返回值

:input 获取<input><textarea><select><button>         元素集合

:text   获取符合[type=text]的<input>元素                                 元素集合

:password 获取符合[type=password]的<input>元素 元素集合

:radio 获取符合[type=radio]的<input>元素                 元素集合

:checkbox 获取符合[type=checkbox]的<input>元素 元素集合

:image 获取符合[type=image]的<input>元素                 元素集合

:file 获取符合[type=file]的<input>元素                                 元素集合

:hidden 参加“可见性过滤选择器”                                 元素集合

:button 获取<button>元素和符合[type=button]的<input>元素 元素集合

:submit 获取符合[type=submit]的<input>元素                 元素集合

:reset 获取符合[type=text]的<input>元素                         元素集合

表单对象属性过滤选择器

选择器 功能

:enabled 选取可用的表单元素

:disabled 选取不可用的表单元素

:checked 选取被选中的<input>元素

:selected 选取被选中的<option>元素

jQuery常用事件

方法           描述                                                                         执行时机

mouseover() 触发或将函数绑定到指定元素的mouseover事件 鼠标移动时

mouseout() 触发或将函数绑定到指定元素的mouseoout事件 鼠标移出时

keydown() 触发或将函数绑定到指定元素的keydown事件 按下键盘时

keyup() 触发或将函数绑定到指定元素的keyup事件 释放按键时

keypress() 触发或将函数绑定到指定元素的keypress事件 产生可打印的字符时

focus() 触发或将函数绑定到指定元素的focus事件 获得焦点

blur() 触发或将函数绑定到指定元素的blur事件 失去焦点