jQuery--基本介绍与下载

本篇内容:

  1.jquery学习内容

  2.jquery下载,引用

  3.使用顺序

  4.版本

  5.jquery对象与DOM对象转化

jQuery认识:

jQuery学习内容

  1. 选择器
  2. 筛选器
  3. 样式操作
  4. 文本操作
  5. 属性操作
  6. 文档处理
  7. 事件
  8. 动画效果
  9. 插件
  10. each、data、Ajax

jQuery下载

  官网:https://jquery.com/

  jquery中文文档:http://jquery.cuishifeng.cn/

jQuery引入方式:

  1.直接下载到本地,从本地导入

    <script src="jquery.min.js"></script> 

  2.使用文件的网络地址导入

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>  

jQuery使用顺序:

  注意使用顺序,先引入文件,再在script标签里面写入jQuery代码(先导入再使用)   

jQuery版本

  1.x:兼容IE678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日)

  2.x:不兼容IE678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日)

  3.x:不兼容IE678,只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。目前该版本是官方主要更新维护的版本,我们学习就用3.几的就行了,工作中如果需要兼容IE678,就用1.几版本的就行,2.几版本的就别用了。

  维护IE678是一件让人头疼的事情,一般我们都会额外加载一个CSS和JS单独处理。值得庆幸的是使用这些浏览器的人也逐步减少,PC端用户已经逐步被移动端用户所取代,如果没有特殊要求的话,一般都会选择放弃对678的支持。

 

jQuery对象

  jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象,那么它就可以使用jQuery里提供的方法:例如 $(“#i1”).html() 的意思是:获取id值为 i1的元素的html代码。其中 html()是jQuery里的方法。相当于:  document.getElementById("i1").innerHTML; 

  虽然 jQuery对象是包装 DOM对象后产生的,但是 jQuery对象无法使用 DOM对象的任何方法,同理 DOM对象也没不能使用 jQuery里的方法。

  在声明一个jQuery对象变量的时候在变量名前面加上$:

var $variable = jQuery对象
var variable = DOM对象

jQuery对象转成DOM对象:

$variable[0]

  通过一个jQuery对象+[0]索引零,就变成了DOM对象,就可以使用JS的代码方法了,DOM对象转换成jQuery对象:$(DOM对象),通过$符号包裹一下就可以了

jQuery对象和DOM对象的使用:

$("#i1").html();//jQuery对象可以使用jQuery的方法
$("#i1")[0].innerHTML;// DOM对象使用DOM的方法

 

posted @ 2019-02-16 21:17  robertx  阅读(301)  评论(0编辑  收藏  举报