jquery 订阅
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 [1] 展开全文
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 [1]
信息
发布时间
2006年1月
最新版本
jQuery 3.4.1
发布人
John Resig
发布地点
美国纽约
核心理念
write less,do more
内部引入库
Sizzle.js
中文名
极快瑞
第一个版本
jQuery 1.0(2006年1月)
外文名
jQuery
jQuery发展历程
2005年8月,John Resig提议改进Prototype的“Behaviour”库,于是他在blog上发表了自己的想法,并用了3个例子做简单的流程说明。第一个例子是为元素注册一个事件:他认为应该改写为:他认为应该改写为:第三个例子是为不断变化的元素注册不同的事件:他认为应该改写为:这些代码也是jQuery语法的最初雏形。当时John的想法很简单:他发现这种语法相对现有的JavaScript库更为简洁。但他没想到的是,这篇文章一经发布就引起了业界的关注。于是John开始认真思考着这件事情(编写语法更为简洁的JavaScript程序库),直到2006年1月14日,John正式宣布以jQuery的名称发布自己的程序库。随之而来的是jQuery的快速发展。2006年1月John Resig等人创建了jQuery;8月,jQuery的第一个稳定版本,并且已经支持CSS选择符、事件处理和AJAX交互。2007年7月,jQuery 1.1.3版发布,这次小版本的变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始,jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。同年9月,jQuery 1.2版发布,它去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行更为灵活的定制,而且借助新增的命名空间事件,也使插件开发变得更容易。同时,jQuery UI项目也开始启动,这个新的套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件(widget),以及一组用于构建高级元素(例如可拖放、拖拽、排序)的工具。2008年5月,jQuery 1.2.6版发布,这版主要是将Brandon Aaron开发的流行的Dimensions插件的功能移植到了核心库中,同时也修改了许多BUG,而且有不少的性能得到提高。因此,如果以前的jQuery版本升级到1.2.6,那么完全可以从代码中排除Dimensions插件(一个获得元素尺寸、定位的插件)。在jQuery迅速发展的同时,一些大的厂商也看中了商机。2009年9月,微软和诺基亚公司正式宣布支持开源的jQuery库,另外,微软公司还宣称他们将把jQuery作为Visual Studio工具集的一部分。他将提供包括jQuery的智能提示、代码片段、示例文档编制等内容在内的功能。微软和诺基亚公司将长期成为jQuery的用户成员,其他成员还有Google,Intel,IBM,Intuit等公司。2009年1月,jQuery 1.3版发布,它使用了全新的选择符引擎Sizzle,在各个浏览器下全面超越其他同类型JavaScript框架的查询速度,程序库的性能也因此有了极大提升。这一版本的第2个变化就是提供live()方法,使用live()方法可以为当前及将来增加的元素绑定事件,在1.3版之前,如果要为将来增加的元素绑定事件,需要使用livequery插件,而在1.3版中,可以直接用live()方法。2010年1月,也是jQuery的四周年生日,jQuery 1.4版发布,为了庆祝jQuery四周岁生日,jQuery团队特别创建了jquery14.com站点,带来了连续14天的新版本专题介绍。在1.3及更早版本中,jQuery通过JavaScript的eval方法来解析json对象。在1.4中,如果你用的浏览器支持,则会使用原生的JSON.parse解析json对象,这样对json对象的书写验证则更为严格。比如:{foo: "bar"}的写法将不会被验证为合法的json对象,必须写成{"foo":"bar"}。如果你的程序打算升级到1.4版本,那么这一点要尤其注意。2010年2月,jQuery 1.4.2版发布,它新增了有关事件委托的两个方法:delegate()和undelegate()。delegate()用于替代1.3.2中的live()方法。这个方法比live()来的方便,而且也可以达到动态添加事件的作用。比如给表格的每个td绑定hover事件,代码如下:2011年1月,jQuery 1.5版发布。2011年11月,jQuery 1.7版发布。 [2-3] 
收起全文
精华内容
下载资源
问答
  • jquery
    千次阅读
    2020-07-28 16:19:53

    在这里插入图片描述

    jQuery

    jQuery是一个JavaScript函数库,是一个轻量级的"写的少,做的多"的JavaScript库
    jQuery库包含以下功能:

    • HTML 元素
    • 选取 HTML 元素
    • 操作 CSS
    • 操作 HTML 事件函数
    • JavaScript 特效
    • 动画 HTML DOM 遍历和修改
    • AJAX

    除此之外,JQuery还提供了大量的插件。目前兼容于所有主流浏览器。


    jQuery 语法

    通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
    基础语法: $(selector).action()
    美元符号定义 jQuery,选择符(selector)“查询"和"查找” HTML 元素,jQuery 的 action() 执行对元素的操作。
    实例:

    $(this).hide() - 隐藏当前元素

    $(“p”).hide() - 隐藏所有

    元素

    $(“p.test”).hide() - 隐藏所有 class=“test” 的

    元素

    $(“#test”).hide() - 隐藏 id=“test” 的元素

    标准写法:
    所有 jQuery 函数位于一个 document ready 函数中:

    $(document).ready(function(){
     
       // 开始写 jQuery 代码...
     
    });
    

    这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数,操作可能失败。
    ********--------------------------------------------------------------------------------------------------------------------------------------
    jQuery 入口函数与 JavaScript 入口函数的区别:
    jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。
    JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。
    ********--------------------------------------------------------------------------------------------------------------------------------------
    简洁写法(与以上写法效果相同):

    $(function(){
     
       // 开始写 jQuery 代码...
     
    });
    

    以上两种方式选择一种方式实现文档就绪后执行 jQuery 方法。


    jQuery 选择器

    jQuery 选择器允许对 HTML 元素组或单个元素进行操作,基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,还有一些自定义的选择器。
    jQuery 中所有选择器都以美元符号开头:$()。常用的有:

    1. 元素选择器
      jQuery 元素选择器基于元素名选取元素。
      在页面中选取所有

      元素:$(“p”)
      如:用户点击按钮后,所有

      元素都隐藏:

    $(document).ready(function(){
      $("button").click(function(){
        $("p").hide();
      });
    });
    
    1. id 选择器
      jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素,页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。
      通过 id 选取元素语法如下:$(“#test”)
      如:当用户点击按钮后,有 id=“test” 属性的元素将被隐藏:
    $(document).ready(function(){
      $("button").click(function(){
        $("#test").hide();
      });
    });
    
    1. .class 选择器
      jQuery 类选择器可以通过指定的 class 查找元素。
      语法如下:$(“.test”)
      如:用户点击按钮后所有带有 class=“test” 属性的元素都隐藏:
    $(document).ready(function(){
      $("button").click(function(){
        $(".test").hide();
      });
    });
    

    jQuery 事件

    页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
    常见 DOM 事件:

    事件方法
    鼠标事件click dblclick mouseenter mouseleave blur hover
    键盘事件keypress keydown keyup blur
    表单事件submit change focus unload
    文档/窗口事件load reasize scroll

    jQuery 事件方法语法:
    在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。

    页面中指定一个点击事件:$(“p”).click();
    下一步是定义什么时间触发事件。您可以通过一个事件函数实现:

    $("p").click(function(){
        // 动作触发后执行的代码!!
    });
    

    jQuery方法

    1. jQuery load()

    jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
    语法: $(selector).load(URL,data,callback);
    必需的 URL 参数规定希望加载的 URL。
    可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
    可选的 callback 参数是 load() 方法完成后所执行的函数名称。
    如:为了避免多页面情形下的代码重复,可以利用 load() 方法,将重复的部分(例如导航栏)放入单独的文件,使用下列方法进行导入:

    //1.当前文件中要插入的地方使用此结构:

    <div class="include" file="***.html"></div>
    

    //2.***.html中放入内容,用html格式仅仅因为会有编辑器的书写辅助。
    //3.代码:

    $(".include").each(function() {
        if (!!$(this).attr("file")) {
            var $includeObj = $(this);
            $(this).load($(this).attr("file"), function(html) {
                $includeObj.after(html).remove(); //加载的文件内容写入到当前标签后面并移除当前标签
            })
        }
    });
    

    或者在index文件里只写重复部分,剩下的一股脑放各自单独文件 load() 进来~


    2. get() 和 post()

    $.get() 方法通过 HTTP GET 请求从服务器上请求数据
    语法:
    $.get(URL,callback);
    必需的 URL 参数规定您希望请求的 URL。
    可选的 callback 参数是请求成功后所执行的函数名。

    $.post() 方法通过 HTTP POST 请求向服务器提交数据
    语法:
    $.post(URL,data,callback);
    必需的 URL 参数规定您希望请求的 URL。
    可选的 data 参数规定连同请求发送的数据。
    可选的 callback 参数是请求成功后所执行的函数名。
    开发中一般利用jQurey的ajax方法与服务器交互数据(数据格式为JSON字符串)。
    Ajax


    具体可参考 jQurey教程


    END

    更多相关内容
  • jquery-1.8.3.js 、jquery-1.8.3.min.js 【官方jquery包 js】
  • jQueryjQuery UI及jQuery Mobile技巧与示例》包括jQueryjQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从如何使用jQuery开始,演示一些基础API的使用、如何优化选取集以及...
  • treetable这个jquery插件 的演示demo,带完整的jquery,treetable和css依赖
  • jquery 分页——jqueryPage.js
  • jquery-1.12.4.js

    千次下载 热门讨论 2016-06-03 14:54:12
    jquery-1.12.4.js ,好用的javascript库,欢迎下载!
  • jquery.fileupload.js 9.7.2 插件使用demo,我的第一到七篇博客里使用的所有代码都在这里
  • jQuery API 官方文档 最新版下载

    千次下载 热门讨论 2016-03-04 19:31:16
    jQuery API 官方文档 免费下载
  • 基于jquery.print.js插件的js打印demo,简单易用,使用详细教程请查看我的个人主页的博客《一款很好用的Jquery 打印插件——jQuery.print.js》
  • 基于jQuery的TreeGrid组件

    热门讨论 2016-02-22 10:54:31
    基于jQuery的TreeGrid组件,附讲解地址: http://blog.csdn.net/s445320/article/details/50715430
  • jquery base64 and CryptoJS

    2015-09-12 15:00:29
    jquery base64 ,CryptoJS 解决文本传输,加密解密 问题。
  • jquery-1.12.3.min.js

    2016-04-14 17:56:01
    jquery 1.12.3.min.js
  • jquery-3.1.1.min.js

    2016-09-28 14:57:04
    jquery-3.1.1.min.js
  • 超实用的jQuery代码段

    2016-10-28 09:23:52
    《超实用的jQuery代码段》精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台...
  • jquery-2.1.4.js

    2015-09-22 11:52:13
    Jquery-2.1.4,bootstrap-3.3.5
  • jQuery技术内幕 深入解析jQuery架构设计与实现原理

    千次下载 热门讨论 2014-11-11 10:45:09
    jquery技术内幕:深入解析jquery架构设计与实现原理》由阿里巴巴资深前端开发工程师撰写,从源代码角度全面而系统地解读了jquery的17个模块的架构设计理念和内部实现原理,旨在帮助读者参透jquery中的实现技巧和...
  • (题外话:从本次开始 我新增了jQuery EasyUI的专题页面 大家可以关注我的专题页来及时获取最新的EasyUI资源 专题页地址如下http:http://download.csdn.net/album/detail/343 同时也希望转载的那些朋友能保留我资源...
  • jquery-2.1.3.js

    2015-04-29 12:48:03
    jquery-2.1.3.js
  • jquery-3.1.1全包

    2016-10-15 22:45:48
    包含jquery-3.1.1.js,jquery-3.1.1.min.js jquery-3.1.1.slim.js,jquery-3.1.1.slim.min.js jquery-migrate-3.0.0.js,jquery-migrate-3.0.0.min.js slim版jquery为精简版jquery不包含ajax功能 jquery-migrate过渡...
  • jquery-form.js 源码

    万次下载 热门讨论 2014-04-16 17:37:50
    异步提交表单和上传文件jquery-form.js
  • jquery所有版本

    热门讨论 2014-06-06 00:39:14
    收集jquery所有版本 版本如下: jquery-1.2.3.js jquery-1.2.3.min.js jquery-1.2.6.js jquery-1.2.6.min.js jquery-1.3.0.js jquery-1.3.0.min.js jquery-1.3.1.js jquery-1.3.1.min.js jquery-1.3.2.js jquery-...
  • jQueryUI datepicker

    热门讨论 2015-03-20 15:27:41
    jQuery UI Datepicker 插件和timepicker 共同组成时分秒的日历控件,包含汉化,中文显示日历样式
  • jquery-upload.min.js和jquery-1.11.0.min.js

    热门讨论 2014-06-09 14:03:02
    jquery ajax上传组件JS. jquery-upload.min.js和jquery-1.11.0.min.js。 上传小文件图片,文件等非常合适。 详情可参考:http://blog.csdn.net/programmer_sir/article/details/29570935
  • Jquery遮罩ShowLoading组件

    热门讨论 2014-07-18 22:00:09
    在开发中有时请求AJAX请求,加载服务器返回来的数据,此时不想页面被用户乱点击,导致逻辑错乱,就需要进行遮罩,加载完数据,在消除遮罩
  • jquery导出excel(解决中文导出)

    千次下载 热门讨论 2015-06-08 01:28:13
    网上下载的tableexport可以实现table的客户段导出功能,但由于所提供的base64无法实现中文导出,所以修改了base64编码,并修改了tableexport中使用base64部分,实现了对中文表格的导出功能
  • 一款非常好的jquery图片查看工具,支持放大、缩小、拖拽等功能,并且可以非常容易的进行二次开发,压缩包中包含样例
  • jquery.min.map

    热门讨论 2014-09-23 10:53:42
    jquery.min.map is a good
  • jquery-2.1.4.min.js

    千次下载 热门讨论 2015-06-20 22:47:12
    jquery-2.1.4.min.js
  • jquery-2.1.3.min.js

    千次下载 热门讨论 2015-01-07 13:49:19
    jquery-2.1.3.min.js是利用HTML5和jQuery技术开发web app 的关键文档
  • jquery.form.min.js

    热门讨论 2014-12-31 11:18:06
    jqueryForm ajaxForm 无刷新提交form

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,472,922
精华内容 589,168
关键字:

jquery

友情链接: 0exp.zip