欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery总结

程序员文章站 2022-04-28 13:55:40
1.什么是jQuery? jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less,Do More”,即写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作(DOM)、事件 ......

1.什么是jquery?

  jquery是一个快速、简洁的javascript框架。jquery设计的宗旨是“write less,do more”,即写更少的代码,做更多的事情。它封装javascript常用的功能代码,提供一种简便的javascript设计模式,优化html文档操作(dom)、事件处理、动画设计和ajax交互。

2.怎么使用jquery

  1.下载
    下载地址:https://github.com/jquery/jquery/releases

  2.导入jquery库
    <script type="text/javascript" src="js/jquery.min.js"></script>

  3.语法:$("选择器").动作()

3.jquery 对象和 dom 对象相互转换

  jquery ---> dom
    1.[index] 方法,就是在 jquery 对象后面加上索引,比如:

var $cr = $(#cr);           // jquery 对象
var cr = $cr[0];            // 将 jquery 转化为 dom 对象

    2.get(index) 方法

var $cr = $(#cr);           // jquery 对象
var cr = $cr.get(0);        // 将 jquery 转化为 dom 对象

  

  dom ---> jquery
  dom 对象转化为 jquery 对象,只需用 $() 将 dom 对象包起来

var cr = document.getelmentbyid("cr");     // dom 对象
var $cr = $(cr)                             // 将 dom 对象转为 jquery 对象

注:由于jquery和dom有着自己的api,所有需要注意jquery 对象和 dom 对象会相互转换的问题。如从一个jquery 对象的元素集合中取出一个元素时, jquery 对象会转化为dom 对象

 

4.常用选择器

  jQuery总结

5.常用动作(方法)

  5.1 dom操作

  jQuery总结

  5.2 事件

  jQuery总结

  5.3 css

  jQuery总结

  5.4 动画

  jQuery总结

  5.5 ajax

    语法:$.ajax({ name:value,name,value});(用json格式传参)

  jQuery总结

6.回调函数

  如果要处理 $.ajax() 得到的数据,则需要使用回调函数:beforesend、error、datafilter、success、complete。

    beforesend
      在发送请求之前调用,并且传入一个 xmlhttprequest 作为参数。

    error
      在请求出错时调用。传入 xmlhttprequest 对象,描述错误类型的字符串以及一个异常对象(如果有的话)

    datafilter
      在请求成功之后调用。传入返回的数据以及 "datatype" 参数的值。并且必须返回新的数据(可能是处理过的)传递给 success 回调函数。

    success
      当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。

    complete
      当请求完成之后调用这个函数,无论成功或失败。传入 xmlhttprequest 对象,以及一个包含成功或错误代码的字符串。