作为一名程序员，一提到“缓存”你很容易联想到“客户端（浏览器缓存）”和“服务器缓存”。客户端缓存是存在浏览者电脑硬盘上的，即浏览器临时文件夹，而服务器缓存是存在服务器内存中，当然在一些高级应用场合也有专门的缓存服务器，甚至有利用数据库进行缓存的实现。当然这些都不在本文的讨论范围，本文要讨论的是最流行的JavaScript框架jQuery的数据缓存实现原理，这是jQuery1.2.3版开始加入的新功能。 一、 jQuery数据缓存的作...
虽然jquery的较新的api已经很好用了， 但是在实际工作还是有做二次封装的必要，好处有：1，二次封装后的API更加简洁，更符合个人的使用习惯；2，可以对ajax操作做一些统一处理，比如追加随机数或其它参数。同时在工作中，我们还会发现，有一些ajax请求的数据，对实时性要求不高，即使我们把第一次请求到的这些数据缓存起来，然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对相关功能有影响，通过这种手工的缓存控制，减少...
动态加载Javascript是一项非常强大且有用的技术。如果你使用的是jQuery，它里面有一个内置的方法可以用来加载单个js文件。当你需要延迟加载一些js插件或其它类型的文件时，可以使用这个方法。下面就介绍一下如何使用它！一、jQuery getScript()方法加载JavaScriptjQuery内置了一个方法可以加载单一的js文件；当加载完成后你可以在回调函数里执行后续操作。最基本的使用jQuery.getScript的方法是这样：jQuery.getScript("/path/to/m...
网上有很多教你怎么使用jQuery.data(..)来实现数据缓存，但有两个用户经常使用的data([key],[value])和jQuery.data(element,[key],[value])几乎没有什么文章说清楚它们两的区别，所以我用到了，研究下分享给大家。$("").data([key],[value])与jQuery.data(element,[key],[value])的区别这两个函数都是用来在元素上存放数据也就平时所说的数据缓存,都返回jQuery对象，当时我分别在使用它俩的时候真的吓我一跳，区别可大了，真是不用...
介绍 尽管jQuery在浏览器ajax调用的时候对缓存提供了很好的支持，还是有必要了解一下如何高效地使用http协议。 首先要做的事情是在服务器端支持HTTP GET，定义不同的URL输出不同的数据（MVC里对应的就是action）。如果要使用同一个地址获取不同的数据，那就不对了，一个HTTP POST也不行因为POST不能被缓存。许多开发人员使用POST主要有2个原因：明确了数据不能被缓存，或者是避免JSON攻击（JSON返回数组的时候可以被入侵）。缓存解...
整理文档，搜刮出一个使用Vue.Js结合Jquery Ajax加载数据的两种方式的代码，稍微整理精简一下做下分享。 废话不多说，直接上代码 html代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>demo</title><script src="js/jquery.js"></script><script src="js/vue.js"></script></head> <body><div id="app">{{message }}<br><button v-on:click="showData">测试jquery加载数据</button><table border="1"><t...
表单校验是页面开发中非常常见的一类需求，相信每个前端开发人员都有这方面的经验。网上有很多成熟的表单校验框架，虽然按照它们默认的设计，用起来没有多大的问题，但是在实际工作中，表单校验有可能有比较复杂的个性化的需求，使得我们用这些插件的默认机制并不能完成这些功能，所以要根据自己的需要去改造它们（毕竟自己还不到那个写一个完美的校验框架的层次）。我用过formValidation这个校验框架，虽然它跟bootstrap配合地很好...
这篇文章主要介绍了jQuery toggle 代替方法 的相关资料,需要的朋友可以参考下具体内容如下所示：$(.back_left dt).toggle(function(){ $(this).addClass("selected"); $(this).siblings(dd).slideUp(); },function(){ $(this).removeClass("selected"); $(this).siblings(dd).slideDown(); });今天在做一个项目，抄了别人网站上的一代码，发现怎么都无法实现，在我急得不想再搞时，想到会不会是jquery 的版本问题？随后把jquery 的...
综合概述通过原生的JavaScript实现处理cookies是一项头疼的工作，并且jquery本身也不具备解决处理cookies的函数，但是这个极其小(压缩后解决500字节左右)的jquery插件可以用来处理cookies的读写和删除。兼容性IE6+、Chrome、Firefox、Safari、Opera框架依赖依赖框架：jQuery1.0+模块支持暂不支持任何模块使用介绍1.通过$.cookie.write方法创建cookie,示例代码如下：$.cookie.write(cookie_name, cookie_value, 24 * 60 * 60);2.通过...
本文实例讲述了jQuery在ie6下无法设置select选中的解决方法。分享给大家供大家参考，具体如下： 这里主要解决在 ie6 下，jquery 无法设置 select 选中的问题。我们先看个例子： <!DOCTYPE HTML> <html lang="en-US"> <head><meta charset="UTF-8"/><title>demo</title> </head> <body><select name="gameZone" id="gameZone"><option value="0">请选择游戏大区</option><option value="1">游戏一区</option><option value="2">游戏...
本节主要对JQuery AJAX参数介绍进行补充另附示例,对ajax感兴趣的朋友可以参考下JQuery AJAX参数详解补充附示例context类型：Object这个对象用于设置 Ajax 相关回调函数的上下文。也就是说，让回调函数内 this 指向这个对象（如果不设定这个参数，那么 this 就指向调用本次 AJAX 请求时传递的 options 参数）。比如指定一个 DOM 元素作为 context 参数，这样就设置了 success 回调函数的上下文为这个 DOM 元素。就像这样：$.ajax({ ...
本文实例讲解了jQuery Mobile自定义标签，分享给大家供大家参考，具体内容如下 规划产品国际化的需求时，涉及到PC Web，移动Web，和各app。设计了多个版本的移动Web均不理想。 由于移动Web采用了jQuery Mobile框架，所以将切换语言放在哪个位置更合理进行了讨论。讨论的过程和多个方案我就不提了，先来看看最终效果： 是不是感觉很经验，这里一开始尝试了多次，最终自定义了一个下拉选项，代码如下：jQuery Mobile .co...
本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下： jQuery 使用两种方式来选择 html 的 element，第一种使用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器（如：$("div > ul a")）；第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。 使用 CSS 和 XPath 选择器选择的方法有许多种用法，关于详细的 CSS 选择器可参考本站相关文章。 首先来看通过元素的 ID 取得元素：...
本篇文章主要是对jquery选择器之属性过滤选择器进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助代码如下:<style type="text/css">/*高亮显示*/.highlight{ background-color : gray}</style>代码如下:<body><p><p>Hello</p></p><p id="test">ID为test的p</p><input type="checkbox" id="s1" name="football" value="足球" />足球<input type="checkbox" name="volleyball" value="排球" />排球<input type="checkbox"...
自动补全（autocomplete），是一个可以减少用户输入完整信息的UI 工具。一般在 输入邮箱、搜索关键字等，然后提取出相应完整字符串供用户选择。 一．调用autocomplete()方法$('#email').autocomplete({ source : ['aaa@163.com', 'bbb@163.com', 'ccc@163.com'], }); 二．修改autocomplete()样式由于autocomplete()方法是弹窗，然后鼠标悬停的样式。通过Firebug 想获取到 悬停时背景的样式，可以直接通过jquery.ui.css 里面找相应的...