使用 easyui 你不需要写很多代码,你只需要通过编写一些简单 HTML 标记,就可以定义用户界面。 easyui 是个完美支持 HTML5 网页的完整框架。...├── jquery.easyui.mobile.js ├── jquery.min.js // 依赖的jq的文件 ├── locale.../lib/jquery-easyui-1.5.5.2/jquery.min.js"> AICODER jQuery EasyUI Demos
接上篇jQuery:详解jQuery中的事件(一) 3、合成事件 jQuery有两个合成事件——hover()方法和toggle()方法,同ready()方法一样,这些都是jQuery自定义的方法...代码: $(function(){ $("#container h4.head").hover(function(){ $(this).next().show(); //获取并显示...“内容”元素 }, function(){ $(this).next().hide(); }); }) 上述两种写法的代码的运行效果是一致的。 ...也就是之前介绍过的使用bind()方法,例如: $("element").bind("click", function(event){ //event:事件对象 //code... }) 上面代码中...jQuery代码如下: $("#delAll").click(function(){ $('#btn').unbind("click"); }) 因为元素绑定的都是click事件,所以上面不写“
后来就想深入研究下jQuery的内部机理,读过两遍jQuery源代码,但是自觉还差的好远,跟好多大神(比如阮一峰)的理解还是有很大差距。...jQuery代码如下: $(window).load(function(){ //code... }) 等价于JavaScript中的以下代码: window.onload = function...例如,上面的JavaScript代码就可以用jQuery来很好的实现: function func1(){ //code... } function func1(){ //code... }...//下面的jQuery代码就可以顺序执行上面的两个函数,并且如果还有其他的绑onload函数也可以这样绑定 $(document).ready(function(){ func1(); }); $(...HTML代码如下: jQuery事件机制 jQuery是目前使用最广泛的
关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。...通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。...jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。...jQuery - AJAX get() 和 post() 方法 HTTP 请求:GET vs. POST 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。...$.Ajax详解(个人推荐) 示例: $.ajax({ url: "", type: "post", async: false, //布尔值,表示请求是否异步处理。
jQuery - Ajax详解分析 jQuery 库拥有完整的 Ajax 兼容套件 最核心函数 jQuery.ajax() ajax() 方法通过 HTTP 请求加载远程数据。...函数返回的值将由 jQuery 进一步处理。 dataType 类型:String 预期服务器返回的数据类型。...如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。..."script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 "text": 返回纯文本字符串
提供data和type两个参数:data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...“script”: 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。’’‘注意:’’'在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。...这个值将用来取代jQuery自动生成的随机函数名。这主要用来让jQuery生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。...statusCode 默认: {} 一组数值的HTTP代码和函数对象,当响应时调用了相应的代码。...还有 jqXHR(在jQuery 1.4.x的中,XMLHttpRequest) 对象 。在jQuery 1.5, 成功设置可以接受一个函数数组。每个函数将被依次调用。
jQuery内部也封装了对原生ajax请求的方法,可以很方便我们的对后台异步请求处理。...$.get()方法 语法:jQuery.get( url [, data ] [, success ] [, dataType ] ) url 请求的后台地址 data 传递的参数 success 成功的回调...如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。...这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。...$.getJSON('user.json', function(data) { console.log(data.id); }); jQuery.getScript()方法 执行后台的请求,并下载js
---- title: $.ajax参数详解 date: 2017-04-08 15:25:57 tags: ajax categories: ajax ---- jquery中的ajax的各个参数的详细解读..."script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。...传入返回后的数据,以及包含成功代码的字符串。 complete 当请求完成之后调用这个函数,无论成功或失败。传入 XMLHttpRequest 对象,以及一个包含成功或错误代码的字符串。...它要求一些服务器端的代码来检测并处理查询字符串参数。...$.ajax() 的 async 参数总是设置成true,这标志着在请求开始后,其他代码依然能够执行。
无需手动创建 XMLHttpRequest 对象,只需几行代码,就能完成数据的发送和接收。在这篇文章中,我们将深入探讨 ajax() 方法的使用,同时为你呈现丰富的实例。什么是 Ajax?...-- 引入 jQuery 库 --> <body...同时,全局设置的使用能够进一步简化代码,提高可维护性。希望这篇博客能够帮助你更加熟练地使用 jQuery 进行前端开发,愿你的代码更加优雅、高效!
接下来我们一步步来解析上面的代码。 一、jquery的插件机制 为了方便用户创建插件,jquery提供了jQuery.extend()和jQuery.fn.extend()方法。...jQuery.fn.extend(object)扩展 jQuery 元素集来提供新的方法(通常用来制作插件)。 首先我们来看fn 是什么东西呢。查看jQuery代码,就不难发现。...调用代码如下: $(function () { $("p").highLight(); //调用自定义 高亮插件 }); 这里只能 直接调用,不能链式调用。...(其实很简单,就是执行完我们插件代码的时候将jQuery对像return 出来,和上面的代码没啥区别) //闭包限定命名空间 (function ($) { $.fn.extend({ "highLight...完整的高亮插件代码如下: //闭包限定命名空间 (function ($) { $.fn.extend({ "highLight": function (options) { /
传入返回后的数据,以及包含成功代码的字符串。 complete 当请求完成之后调用这个函数,无论成功或失败。传入 XMLHttpRequest 对象,以及一个包含成功或错误代码的字符串。...callback option. jqXHR.always(function( data|jqXHR, textStatus, jqXHR|errorThrown ) { }); (added in jQuery...errorThrown ) {}); Incorporates the functionality of the .done() and .fail() methods, allowing (as of jQuery...这四个回调函数是官网推荐的,可以取代上面四个回调函数,详细看http://api.jquery.com/jQuery.ajax/ jqXHR对象的属性 readyState responseXML
但是,在回调函数方面,jQuery的功能非常弱。为了改变这一点,jQuery开发团队就设计了deferred对象。 简单说,deferred对象就是jQuery的回调函数解决方案。...下面我们通过示例代码,一步步来学习。...jQuery规定,deferred对象有三种执行状态—-未完成,已完成和已失败。...为了避免这种情况,jQuery提供了deferred.promise()方法。...; }); (运行代码示例11) jQuery规定,$.Deferred()可以接受一个函数名(注意,是函数名)作为参数,$.Deferred()所生成的deferred对象将作为这个函数的默认参数。
今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。...为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较抽象,初学者很难掌握,网上的教程也不多。所以,我把自己的学习笔记整理出来了,希望对大家有用。...本文不是初级教程,针对的读者是那些已经具备jQuery使用经验的开发者。如果你想了解jQuery的基本用法,请阅读我编写的《jQuery设计思想》和《jQuery最佳实践》。...====================================== jQuery的deferred对象详解 作者:阮一峰 ? 一、什么是deferred对象?...; }); (运行代码示例11) jQuery规定,$.Deferred()可以接受一个函数名(注意,是函数名)作为参数,$.Deferred()所生成的deferred对象将作为这个函数的默认参数
jQuery 实现图片下载代码 function downloadImage(src) { var $a = $("").attr("href", src).attr("download...", "meitu.png"); $a[0].click(); } 关键调用downloadImage函数代码 onclick=downloadImage(url) 完整 js 代码 $(function
在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型:String 在一个 jsonp 请求中重写回调函数的名字。...这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。...这个参数在 jQuery 1.3 以前不可用。
jQuery开发团队就设计了deferred对象,来作为回调函数的解决方案。...; } }); $.ajax()操作完成后,如果使用的是低于1.5.0版本的jQuery,返回的是XHR对象,你没法进行链式操作;如果高于1.5.0版本,返回的是deferred对象,可以进行链式操作...由于jQuery.when(deferreds)方法只能接收defferred对象作为参数,所以我们需对上述wait改写!...说明其作用需要先说一下jQuery规定deferred对象的三种执行状态:未完成、已完成和已失败。...; }); dtd.resolve(); 在代码的尾部加了一行dtd.resolve(),这就改变了dtd对象的执行状态,因此导致done()方法立刻执行,跳出”哈哈,成功了!”
jQuery.mobile.changePage方法用的还是很多的。作为一个老手,有必要对jQuery mobile中实用方法做一些总结。...系列文章请看jQuery Mobile专栏。jquery.mobile.changepage是过时的jQuery Mobile 1.4.0及将被删除在1.5.0。...jQuery.mobile.changePage( to [, options ] )参数解释说明: to:字符串类型或Object类型,将要跳转到的目的页面。...pageContainer:(jQuery选择器,默认:$.mobile.pageContainer)指定应该包含页面的容器。 reloadPage:布尔类型,默认false。
链式编程 each方法 多库共存 插件 常用插件 jquery.ui.js插件 制作jquery插件 案例代码 【案例:下拉菜单】 【案例:突出展示】 【案例:手风琴】 【案例:淘宝精品...代码简单、粗暴。...//console.log(num);//10 //b.jQuery文件是一个自执行函数,执行这个jQUERY文件中的代码,其实就是执行这个自执行函数....【案例:下拉菜单】 代码位于文章尾部 【案例:突出展示】 代码位于文章尾部 【案例:手风琴】 代码位于文章尾部 【案例:淘宝精品】 代码位于文章尾部 元素设置 样式设置...//通过给$.fn添加方法就能够扩展jquery对象 $.fn. pluginName = function() {}; 案例代码 【案例:下拉菜单】 <!
现在已经有很多文章讨论jQuery和JavaScript的性能问题,然而,在这篇文章中我计划总结一些提升速度的技巧和一些我自己的建议来改善你的jQuery和JavaScript代码。...谷歌的CND能保证选择离用户最近的缓存并迅速响应,地址是http://code.jQuery.com/jQuery-latest.min.js 必要时组合jQuery和javascript原生代码 上所述...,jQuery就是javascript,这意味着用jQuery能做的事情,同样可以用原生代码来做。...原生代码的可读性和可维护性可能不如jQuery,而且代码更长。但也意味着更高效(通常更接近底层代码可读性越差,性能越高,例如:汇编,当然需要更强大的人才可以)。...记住没有任何框架能比原生代码更小,更轻,更高效。 最后忠告 最后,写这篇文章的目的是提高jQuery的性能和给出一些好的建议。如果你想深入的研究对这个话题你会发现很多乐趣。
效果 - 淡入淡出 jQuery 拥有下面四种 fade 方法: fadeIn() 用于淡入已隐藏的元素。...效果 - 滑动 jQuery 拥有以下滑动方法: slideDown() 方法用于向下滑动元素。...toggle": $("button").click(function(){ $("div").animate({ height:'toggle' }); }); 使用队列功能 默认地,jQuery...这意味着如果您在彼此之后编写多个 animate() 调用,jQuery 会创建包含这些方法调用的“内部”队列。然后逐一运行这些 animate 调用。
领取专属 10元无门槛券
手把手带您无忧上云