jQuery介绍

官方定义:

write less ,do more :Lightweight Footprint、CSS3 Compliant、Cross-Browser

What is 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.

Wiki:

define:

  • jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
  • jQuery is free, open source software, licensed under the MIT License.
  • jQuery‘s syntax is designed to make it easier to navigate a document, select DOM elements, createanimations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and web applications.

overviw:

  • jQuery, at its core, is a DOM manipulation library. The DOM is a tree structure representation of all the elements of a web-page and jQuery makes finding, selecting, and manipulating these DOM elements very simple and convenient. For example, jQuery can be used for finding an element in the document with a certain property (e.g. all elements with an h1 tag), changing one or more of its attributes (e.g. color, visibility), or making it respond to an event (e.g. a mouse click).
  • However, beyond basic DOM selecting and manipulation, jQuery provides a new paradigm of writing event handling in Javascript. The event assignment and the event callback function are done in a single step in a single location in the code.

The advantages of using jQuery are:

  • Separates Javascript and HTML: Instead of using HTML attributes to call Javascript functions for event handling, jQuery allows all event-handling functions to be done purely in Javascript. Thus, the HTML tags and Javascript can be completely separated.
  • Brevity and Clarity: jQuery provides various syntaxes that promotes brevity and clarity, e.g. chaining effects and actions, shorthand methods.
  • Eliminates cross-browser incompatibilities: The Javascript engines of different browsers differ slightly, so Javascript code that works for one browser may not work on the other. jQuery handles all these cross-browser inconsistencies and provides a consistent interface that works across different browsers.

jQuery includes the following features:

  • DOM element selections using the multi-browser open source selector engine Sizzle, a spin-off of the jQuery project
  • DOM traversal and modification (including support for CSS 1–3)
  • DOM manipulation based on CSS selectors that uses node elements name and node elements attributes (id and class) as criteria to build selectors
  • Events
  • Effects and animations
  • AJAX
  • JSON parsing
  • Extensibility through plug-ins
  • Utilities - such as user agent information, feature detection
  • Compatibility methods that are natively available in modern browsers but need fall backs for older ones - For example the inArray() and each()functions.
  • Multi-browser (not to be confused with cross-browser) support.
  • multitude  browsers support

百科定义:

什么是jQuery?

  • Jquery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可
  • jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页

使用方法:

  • jQuery可以下载使用,有两个版本的 jQuery 可供下载

    •  Production version - 用于实际的网站中,已被精简和压缩。
    •  Development version - 用于测试和开发(未压缩,是可读的代码)
    •  也可以从多个公共服务器中选择引用。把jQuery存储在CDN公共库上可加快网站载入速度,(CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用)。
  •  1 Google CDN:
     2 <scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
     3 Microsoft CDN:
     4 <scripttype="text/javascript"src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
     5 新浪 CDN:
     6 <scripttype="text/javascript"src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
     7 百度 CDN:
     8 <scripttype="text/javascript"src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
     9 使用本地jQuery:
    10 <scripttype="text/javascript">window.jQuery||document.write(‘<scriptsrc="//localhost/jQuery/jquery-2.1.0.min.js"><\/script>‘);</script>
    11 Wordpress主题中使用:
    12 <scripttype="text/javascript">window.jQuery||document.write(‘<scripttype="text/javascript"src="<?phpechoget_template_directory_uri();?>/jquery.min.js">\x3C/script>‘)</script>

W3SCHOOL:(详细学习请移步于此)

jQuery 是一个 JavaScript 函数库。jQuery 库可以通过一行简单的标记被添加到网页中。

jQuery 库包含以下特性:

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities
时间: 2024-10-18 19:27:03

jQuery介绍的相关文章

jQuery介绍(下篇)

jQuery介绍(下篇) 今天接着昨天的来介绍jQuery的相关属性和用法. 一:jQuery操作DOM   jQuery操作属性 1.1设置属性 Ø1.1.1 设置单个属性 //第一个参数:需要设置的属性名 //第二个参数:对应的属性值 attr(name, value); //用法举例 $(“img”).attr(“title”,”美女”); $(“img”).attr(“alt”,“加载失败”); Ø1.1.2 设置多个属性 //参数是一个对象,包含了需要设置的属性名和属性值 attr(o

jQuery介绍(上篇)

jQuery介绍(上篇) 现在前端的开发,已经越来越离不开jQuery了,因为它可以让JS的开发变得越来越简单,而且还解决了浏览器的兼容性问题. 我们来简单的将JS与jQuery做个对比:   JavaScript jquery 入口函数 只能有一个,如果有多个,后面的会覆盖前面 可以有多个,并且不会发生覆盖的情况 代码容错性 代码容错性差,代码出现错误,会影响到后面代码的运行. 代码容错性好,屏蔽错误,并且不会影响后面代码的运行. 浏览器兼容性 兼容性差,比如早期火狐不支持innerText

jQuery介绍 DOM对象和jQuery对象的转换与区别

jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery介绍 jQuery: http://jquery.com/ write less, do more. jQuery Hello World程序 <script type=“text/javascript” src=“xxx//jquery-x.y.z.js"> 引入jQuery.存在两个版本,jquery-x.y.z.min.js是精简压缩版,不带min的是开发版,代码中的注释和缩进等都被保留了. 注意路径中的”

【JS教程15】jquery介绍

jquery介绍 jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. jQuery的版本分为1.x系列和2.x.3.x系列,1.x系列兼容低版本的浏览器,2.x.3.x系列放弃支持低版本浏览器,目前使用最多的是1.x系列的. jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用. <script type="text/java

01 - jQuery介绍和体验

jQuery介绍 在说jQuery之前,先说一个概念吧,什么是JavaScript框架库,其实就是一个普通的js文件,里面封装了很多函数或者说封装了很多兼容的代码:当然啦,jQuery就是众多库的一员,那么我们为什么要学习jQuery呢,那就讲一下他的特点: 很好的解决了不同浏览器之间的兼容性问题(IE6+,FF 2+, Safari 3.0+, Opera 9.0+ ,Chrome) 只是针对js的兼容性: 体积小 几十kb 使用简单方便 链式编程 隐式迭代 插件丰富 开源 免费: jQuer

前端-jQuery介绍

目录 jQuery介绍 jQuery的优势 jQuery内容: jQuery版本 jQuery对象 jQuery基础语法 查找标签 基本选择器 层级选择器: 基本筛选器: 属性选择器: 表单筛选器: 筛选器方法 操作标签 样式操作 位置操作 尺寸: 文本操作 属性操作 文档处理 事件 常用事件 事件绑定 移除事件 阻止后续事件执行 阻止事件冒泡 页面载入 事件委托 动画效果 补充 each .data() jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQ

2.jQuery介绍

. jQuery的认识 jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:具有高效灵活的css选择器,并且可对CSS选择器进行扩展:拥有便捷的插件扩展机制和丰富的插件. 和原生js比较 document.getElementById("mytime"); $("#mytime")  #代表id选择器$("#mytime") Ajax处理 创建XMLHttpRequest对象,open方法,监听属性onreadystate

JQuery0001:jquery介绍

原文地址:https://www.cnblogs.com/eliteboy/p/12384789.html

JQuery框架:介绍、安装、选择器、属性操作、动画

目录 jQuery 详细内容 1.JQuery介绍 2.JQuery的下载安装 3.JQuery的使用 4.jQuery的选择器 5.JQuery的属性操作 6.动画 6.自定义动画 jQuery 详细内容 1.JQuery介绍 jQuery是一个快速,小巧,功能丰富的JavaScript库.它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax变得更加简单.通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式. 操作: