jQuery 基础知识

jQuery简介

   jQuery是由美国大神John Resig所创建,旨在用更少的代码完成更多的需求。

   1.jQuery是一个非常快速简洁的JavaScript第三方库,能够让用户更加方便的处理DOMevent与更加轻易的实现动画效果与AJAX交互。

   2.jQuery十分轻量级,这是其他的Js框架所不及的,除此之外它还兼容CSS3,相较于原生Js来说对于各种版本的浏览器提供了更好的兼容性。

   3.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.x版本,老旧的浏览器正逐步被淘汰。

jQuery引入

离线文件

   在jQuery官网中进行下载,在学习时推荐下载压缩版本,如果对jQuery源码感兴趣可以下载未压缩版本。

   下载完成之后使用" ], "description": "快速引入jQuery" }

基本语法

   jQuery的语法非常简单,只需要使用jQuer$符再调用其下的方法即可。

   以下示例将展示如何使用jQuery选择器选择出标签节点。


        
hello

jQuery对象

   用jQuery提供的选择器选择出的节点将会被包装为jQuery对象,因此,如果是使用jQuery进行Node操作,jQuery对象变量命名应该以$开始以方便为后期维护。

   注意DOM对象和jQuery对象之间方法并不互通



转换方式

   使用$(DOM)可将DOM对象转换为jQuery对象。

   使用[0]可将jQuery对象转换为DOM对象。


        

我是p1

我是p2

注意事项

   当使用jQuery选择器进行查找时,即便没有找到任何节点,jQuery对象的bool值依旧是true,而DOM对象则为null

   这是因为jQuery对象始终是一个可迭代对象,具有length属性,类似于NodeList以及HTMLCollection

   而诸如DOM操作中的getElementByid方法以及querySelect方法返回的都只是一个单一的Node,而并非是一个可迭代对象。

   所以在取bool值的时候,会出现这种情况。


        

我是p1

我是p2

你可能感兴趣的:(jQuery 基础知识)