jQuery in action 3rd - Introducing jQuery

2014 年 10 月, jQuery Foundation 的总裁 Dave Methvin 发布了一篇博客(http://blog.jquery.com/2014/10/29/jquery-3-0-the-next-generations/), 宣布了 jQuery 下一个重要版本的计划:jQuery 3。
  version 1.x 支持老的浏览器
  version 2.x 支持现代的新浏览器
  jQuery 3 分为两个版本,jQuery Compat 3 是 1.x 的延续版本,jQuery 3 是 2.x 的延续版本。

以下是浏览器支持 jQuery 版本的总览。

  

那么,如何使用以上的某个具体版本,下面给出一些建议:

1、如果你的 web 不打算支持IE的老版本浏览器、Opera,那么那么请使用 jQuery 3.x 吧。
  一般情况下这种场景是公司内部网络或者你可以控制客户端的浏览器环境。

2、如果你的 web 想支持非常多的客户端环境,那么请使用 jQuery 1.x 吧。

3、如果你的 web 需要不想支持 IE 6\7、Opera 和 Safari 的老式浏览器,那么请使用 jQuery Compat 3.x 吧。

4、如果你的 web 不想支持 IE 6\7\8,但是又想支持Opera 和 Safari 的老式浏览器,那么那么请使用 jQuery 2.x 吧。

5、使用 PhoneGap 或类似框架创建的 Mobile apps 程序,可以使用  jQuery 3.x。

6、Firexfox OS 或者 Chrome OS apps 可以使用  jQuery 3.x。

7、如果你使用的插件 plugin 比较老,那么有可能你必须使用 jQuery 1.x

 jQuery 的模块组成

jQuery 遵循的是 AMD 模型(Asynchronous Module Definition), AMD 模型建议定义模块时,让模块和它的依赖能够异步加载。

以下是 jQuery 定义的模块结构图:

  

 jQuery() / $() 

  jQuery() 函数返回一个 JavaScript 对象,这个对象包含匹配 selector 的 DOM 元素集合,

  这些 DOM 元素按照在 HTML 中的定义的顺序保存在集合中。

  通常我们把这个  JavaScript 对象叫做 jQuery collection,jQuery object,jQuery set 等。

时间: 2024-10-03 00:49:04

jQuery in action 3rd - Introducing jQuery的相关文章

jQuery in action 3rd - Operating on a jQuery collection

1.创建新 DOM 元素 $('<div>Hello</div>'); $('<img>', { src: 'images/little.bear.png', alt: 'Little Bear', title: 'I woof in yor general direction', click: function() { alert($(this).attr('title')); } }).appendTo('body'); 2.操作 jQuery collection

jQuery in action 3rd - Selecting elements

jQuery(selector) / $(selector) selector 选择器有多种形式,下面是 #ID,.class,element jQuery 支持的 CSS 层级关系选择器 jQuery 支持的 CSS 属性选择器  jQuery 的过滤器 filter 过滤器的写法以冒号 “:filter” 开头,用于过滤 $() 返回对象中的数据,以达到精确查找的目的. 1)位置过滤器 注意,n(索引号) 从 0 开始,与 CSS 中(索引号从 1 开始)的功能不一致. 比如 “:even”

jquery源码解析:jQuery延迟对象Deferred(工具方法)详解2

请接着上一课继续看. $.Deferred()方法中,有两个对象,一个是deferred对象,一个是promise对象. promise对象有以下几个方法:state,always,then,promise,pipe,done,fail,progress. deferred对象除了有promise对象的所有方法外(通过jQuery.extend( obj, promise ),把promise对象的所有方法复制到deferred对象中),还有其他三个:resolve,reject,notify.

异步上传图片,光用jquery不行,得用jquery.form.js插件

异步上传图片,光用jquery不行,得用jquery.form.js插件,百度一下下载这个插件,加jquery,引入就可以了 <form id="postbackground" method="POST" action="#" enctype="multipart/form-data"> <input name="upload" type="file" id="

【JQuery】(1)JQuery基础

JQuery基础 2019-11-02  21:11:17  by冲冲 1.jQuery简介 jQuery:轻量级."写的少,做的多".JavaScript函数库. 2.jQuery功能 HTML元素选取 HTML元素操作 HTMLDOM遍历和修改 CSS操作 HTML事件函数 JavaScript特效和动画 Ajax异步操作 提供丰富的插件 3.jQuery版本 目前jQuery有三大版本: 1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增.因此一般项目来说,

JQuery时间格式化插件--扩展JQuery

(function($){ $.formatDate = function(pattern,date){ //如果不设置,默认为当前时间 if(!date) date = new Date(); if(typeof(date) ==="string"){ if(date=="") date = new Date(); else date = new Date(date.replace(/-/g,"/")); } /*补00*/ var toFix

五.jQuery源码解析之jQuery.extend(),jQuery.fn.extend()

给jQuery做过扩展或者制作过jQuery插件的人这两个方法东西可能不陌生.jQuery.extend([deep],target,object1,,object2...[objectN]) jQuery.fn.extend([deep],target,object1,,object2...[objectN])这两个属性都是用于合并两个或多个对象的属性到target对象.deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并.通过这种方式可以在jQuery或jQuery.fn

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

Electron 前端页面导入jQuery 出现错误Uncaught ReferenceError: jQuery is not defined

如下: <script src="../assets/js/jquery-1.10.2.js"></script> 方法1 改为: <script>window.$ = window.jQuery = require("../assets/js/jquery-1.10.2.js")</script> 即可. 方法2: 或者在 win = new BrowserWindow({ webPreferences:{ node