jQuery

jQuery概念

jQuery是一个快速,小型且功能丰富的JavaScript库。借助易于使用的API(可在多种浏览器中使用),使HTML文档的遍历和操作,事件处理,动画和Ajax等事情变得更加简单。

jQuery 特点
​ 快速获取文档元素

​ jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

​ 提供漂亮的页面动态效果

​ jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

​ 创建AJAX无刷新网页

​ AJAX是异步的JavaScript和XML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

​ 提供对JavaScript语言的增强

​ jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。

​ 增强的事件处理

​ jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太多事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。

​ 更改网页内容

​ jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。

 

jQuery 优点

 

  • 占用空间少:

    缩小并压缩后的jQuery文件只有30KB。

  • 符合CSS3规范:

    支持CSS3选择器查找元素以及样式属性操作。

  • 跨浏览器:

    jQuery兼容各种主流浏览器,如IE、Chrome、Firefox、Safari、Opera等。

示例:

返回顶部的一个图标,通过jQuery来实现

首先用npm i  jQuery

然后在html中引用jQuery

jQuery

 

 后建一个盒子,设置它的位置和一些属性

jQuery

 在html中引入js

jQuery

 

 jQuery

 最终的网页中就会实现一个效果,在页面大于200像素时,这个箭头将会出现在页面中,点击它即可返回顶部。

jQuery

 

 

 

 

 

 

上一篇:Ajax前后端连接


下一篇:原生ajax请求