一、什么是deferred对象？ 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。 通常的解决方法是，为它们指定回调函数（callback）。即事先规定，一旦它们运行结束，应该调用哪些函数。 但是，在回调函数方面，jQuery的功能非常弱。为了改变这一点，jQuery开发团队就设计了deferred对...
jQuery是我最近发现的一个新工具。jQuery开发团队形容jQuery是“一个快捷、简练的JavaScript库，它可以简化HTML文档检查、事件处理、动画执行、并给你的Web页面增加AJAX交互。” jQuery初步 你可以免费下载jQuery的最新版本。它由一个明确定义的脚本文件构成，因此你可以随意研究它的源代码。下载JavaScript文件后，你就可以把它放在Web服务器中准备使用。你可以用HTML SCRIPT元素把jQuery库加载到任何Web页面中。src属性应利用文件...
1.在一个方法之外，一定要有个jQuery的全局方法启动，例如我要调用a方法做ajax提交，那么在页面的任一标签内，加入jQuery(function(){})，而且这句话要放在全局，不能在方法块里面，否则a方法的jQuery.post()则不会起作用： 代码如下: jQuery(function(){}) function a(url){ jQuery.post(url); } JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动...
今天重点一个toggle(fn,fn,….)函数,主要是用来切换某个事件的轮换操作。 比如：对一个按钮的点击事件和一个DIV的背景，点击一次按钮，将DIV的背景显示为蓝色，点击第二次的时候要将DIV的 背景色改为黑色。 我们定义的HTML代码如下： 此处显示 id "DivToggle" 的内容 定义的最初的样式如下： 代码如下: #DivToggle { height: 150px; width: 200px; margin: 50px; background-color: #6CC; } 在toggle(fn,fn,….);先明白一个to...
$(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里. 对于Body的Onload事件和JQuery的Ready方法相比，有很多弊端.比如: 1.加载多个函数的问题 在Onload事件中只能这样加载，很丑陋…而在JQuery中你可以利用多个JQuery.Ready()方法，它们会按次序依次执行 2.代码和内容不分离 这个貌似不用说...
但在这个模型中，由于不能利用这些控件，我们需要借助纯Javascript和html静态代码来实现，感觉好像挺麻烦的？其实呢......分页代码既然由Webservice接口服务端中间层处理好回传回来，那么我们的排序代码也可以这样的，只是在回传前进行排序就ok了，下面就分析一下。 看过上篇的文章，可以知道在Webservice接口服务端中间层处理数据是操纵泛型的List对象 代码 代码如下: List list = new List(); list = objBusinessFacade.Get...
一、Ajax所有过程事件分析JQuery在执行Ajax的过程中会触发很多事件。 这些事件可以分为两种事件，一种是局部事件(Local)，一种是全局事件(Global)。 局部事件：可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件，则可以设置global:false。 全局事件：跟click等事件类似,可以绑定到到每一个DOM元素上。 这些事件的按照事件的触发顺序如下介绍：局部事件(Local) 全局事件(Global)ajaxStart 全局事件开始新的Ajax请...
对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。一般lib都会对浏览器的提供的函数做一些扩展，解决兼容性内存泄漏等问题。第三个问题就是如何得到domReady的状态。 6.1 event的包裹 浏览器的事件兼容性是一个令人头疼的问题。IE的event在是在全局的window下， 而mozilla的event是事件源参数传入到回调函数中。还有很多的事件处理方式也一样。 Jquery提供了一个 event的包裹，这个相对于其它的li...
但javascript我是经常要用，所以是要懂这里面的概念。 其实javascript里的闭包概念很简单，就是函数用到外部变量，不需要传参就可以获取。 举个例子： 代码如下: var sMessage = "Hello world"; function sayHello(){ alert(sMessage); } sayHello(); addNumber(1,2); var iBaseNum = 10; function addNumber(iNum1, iNum2) { function doAddition() { alert(iNum1 + iNum2 + iBaseNum); } return doAddition(); } function a(){...
很久没有发表帖子了，今天突然分析了一下JQuery中的extend方法实现原理。目的为了提高自己对JQuery的认识，也想了解JavaScript高手是如何编写JS的，如有不足请指正。谢谢！ 下面是JQuery.extend方法源代码：代码如下: jQuery.extend = jQuery.fn.extend = function() { var options, name, src, copy, copyIsArray, clone, target = arguments[0] || {}, // 目标对象 i = 1, length = arguments.length, deep = false; // 处...
本文实例分析了jQuery实现从身份证号中获取出生日期和性别的方法。分享给大家供大家参考，具体如下： 一、前言： 今天，在做移动端的项目中，按照设计稿的要求，是可以让用户自己输入出生日期的，我还很认真的用了刚刚知道的html5表单的日期类型，本想着终于不用日期插件就可以实现用户选择自己的出生日期了，可结果老大说，把这个表单去掉，要做成从身份证号里边读取用户的出生日期。好吧，高兴了一半，结果...。唉，没办法，只能...
本文实例分析了jQuery解决浏览器兼容性问题的方法。分享给大家供大家参考，具体如下： 问题: 当用户在名为abc的input控件按下回车键时,触发另一控件imgLogin的click事件在IE 中 document.getElementById(abc).click();能够调用abc的click事件 但是在FF中却不行。 解决方法： 必须以下这样:var evt = document.createEvent("MouseEvents"); evt.initEvent("click", true, true); document.getElementById("imgLogin").dispatchEvent...
本文实例讲述了jQuery设置Cookie及删除Cookie的方法。分享给大家供大家参考，具体如下： 这是一个jQuery cookie的使用例子，通过本示例的学习希望朋友们能熟悉在引入jquery.cookie.js插件后，如何去使用它，你可以了解到cookie天数设置、日期设置、多个cookie的设置、如何获取Cookie、通过 date 对象设置过期日期为 3 天后的那天、设置有效期天数等小技巧。jQuery Cookie Plugin$(function() { var COOKIE_NAME = 'test_cookie'; v...
本文实例分析了jQuery遍历json的方法。分享给大家供大家参考，具体如下：代码如下:var obj = {"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]}{"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]},{"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u4ec0\u4e48\u4e5f...
Examples 下面是PHP中生成的表页： 代码如下: url(array(controller=>contact, action=>add));?>">Add new Contact Contact Address Phone Number Email contacts as $contact) { ?> escape($contact->name);?> escape($contact->address));?> escape($contact->phone_number);?> escape($contact->email);?> url(array(controller=>contact, action=>edit, id=>$contact->id));?>">Edit url(array(controller=>contact...