评论

收藏

[jQuery] jQuery的介绍

开发技术 开发技术 发布于:2021-06-28 14:13 | 阅读数:362 | 评论:0

  笔者是刚入前端行业的时候做过一个稍微大型的jQuery项目,现在以及很久没用过了,但是感觉应该还会有不少朋友会去维护老的项目,可能还是会接触到jQuery,所以笔者想了想就还是写jQuery的文章来帮助更多的朋友来认识jQuery吧。
jQuery的官网网址:https://jquery.com/
其他同类型的:

  • prototype.js - 链接:prototypeJS
  • YUIjs - 链接:YUIlibrary
  • zepto.js - 链接:Zepto.js
  • mootools - 链接:MooTools
jQuery简介:
  首先套用jQuery官网的一句话:
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
汉语意思:
jQuery是一个快速,小巧,功能丰富的JavaScript库。它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax更加简单。通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式。
jQuery特征:

  • 简单易用、轻量级
  • DOM操作、事件处理、运动效果、ajax操作更方便
  • 跨多浏览器使用(不用再解决浏览器兼容问题)
  • 支持CSS选择器查找元素
  • 完善的插件
  • 丰富的插件
  • 经过严格测试的JS库
  • 链式编程风格
  • 隐式迭代
    。。。。。
jQuery的代码下载地址:
  https://code.jquery.com/
使用方法:
  1.直接引用:
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  2.模块化
说明:
  jQuery是以面向对象的方式设计的,jQuery对象实例中通常包装的是DOM元素对象,jQuery对象是一个类似于数组的对象,可以通过数字下标访问jQuery对象中包装的DOM元素。
使用jQuery库时,在全局范围内,$与jQuery是等价的。
核心:
  $() ---- jQuery对象生产工厂 - - 可以传递选择器、DOM元素、函数、html字符串。。。
注意点:
  jQuery的ready()与原生JS的window.onload的区别:
ready();
$(document).ready(callback);

  • callback函数在页面DOM结构加载结束后执行
  • 有简写的方式:$(callback);
  • 可多次调用(因为它属于事件监听)
  window.onload = function(){}

  • 页面内容(包括图像资源)加载完成后执行事件回调函数
  • 不可重复调用,重复调用的话后面的会覆盖前面的(因为它是事件绑定)
  你可能不需要jQuery:
http://youmightnotneedjquery.com/
  jQuery插件库:
http://www.jq22.com

  
关注下面的标签,发现更多相似文章