都来加深印象吧，大家都知道jQuery很好使用，因为它简化了javascript代码，更重要的是它还兼容基本上所有的浏览器，网页开发最头疼的就是这个了，所以jQuery也因此深受码农的喜爱，不过首先你得要记住它才能更好的使用它不是吗，过久了没用的属性方法也会淡忘的，下面是jQuery的DOM操作方法属性的详解，看看加深下印象。例子虽丑功能还俱全呢！<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ...
url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和 delete也可以使用，但仅部分浏览器支持。timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设 置。async：要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。 如果需要发送...
要实现效果：点击链接先去掉onclick属性，3秒后再自动加上该标签中的onclick属性jQuery中，针对标签属性的操作都是使用attr()方法来实现的，比如：$("a").attr("onclick")可获得a标签的onclick属性,对应的：增加事件: $(选择器).attr(属性名) 它的作用就是获取指定元素( $(选择器)部分 )的指定属性的值如设置onclick属性：$("a").attr("onclick","test();");删除事件:$(selector).removeAttr(attribute)例:删除onclick属性：$("a")...
原创文章，转载请注明出处，多谢！/** @param selector 已去掉头尾空白的选择器字符串* @param context 执行匹配的最初的上下文（即DOM元素集合）。若context没有赋值，则取document。* @param results 已匹配出的部分最终结果。若results没有赋值，则赋予空数组。* @param seed 初始集合*/ function select(selector, context, results, seed) {var i, tokens, token, type, find, // 调用tokenize函数解析selectormatch = tokeni...
jQuery校验官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation一、导入js库<script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="<%=path %>/validate/jquery.validate.min.js"></script>注：<%=request.getContextPath() %>返回web项目的根路径。二、默认校验规则(1)、required:true 必输字段 (2)、remote:"remot...
url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和 delete也可以使用，但仅部分浏览器支持。timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设 置。async：要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。 如果需要发送...
在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况：<div id="testdiv"><ul></ul> </div> <div id="testdiv"><ul><li name="apple">apple</li><li name="pear">pear</li></ul> </div> <script>function test(name){alert("I‘m "+name);}//做法如下:$("#testdiv ul").on("click","li", function() {//test($(this).attr("name"));//do something here });//主动触发某个<li>的click事件// $("#testdiv ul li[name=‘app...
<div class="aaa"> <ul id="sortable"> <li id="test">Item 6</li> <li>Item 2</li> <li>Item 3</li> <li>Item 1</li> <li>Item 5</li> </ul></div>$("#sortable").sortable()//直接用（一）各个参数的介绍 axis: "y" 表示只允许x拖动 或是y拖动cancel: "#test" 表示禁止某个元素 注意只是填写 .test或者是 #test 或者是标签connectWith: "#sortable2" 这个暂时还不知道是什么用法con...
scrollLeft和scrollTop用于获取/设置滚动条的，如下:scrollLeft(val) ;读取或设置整个页面的水平滚动条距离scrollTop(val) ;读取或设置整个页面的垂直滚动条距离如果没有传入val值则获取滚动条距离，如果有设置val则标识设置滚动条距离，还是举个栗子，以scrollTop为例，如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="http://libs.baidu.com/jquery/1.7.1/jquery.m...
前言：上一篇详细的介绍了jQuery.validator( 版本v1.13.0 )的验证规则，这一篇重点讲述它的源码结构，及如何来对元素进行验证，错误消息提示的内部实现一、插件结构(组织方式)在讲述如何对元素进行验证前有必要了解它的代码组织方式，请看代码(部分省略)var plugFn = function( $ ) {$.extend($.fn, {// 验证from表单validate: function( options ) {// ...// 实例化$.validator对象var validator = new $.validator( options, thi...
<SPAN style=‘font-family: "courier new", courier; font-size: medium;‘>什么是AutoComplete<SPAN style=‘font-family: "courier new", courier; font-size: medium;‘>AutoComplete是Jquery库中的一种插件,属于Jquery UI中的一种. <SPAN style=‘font-family: "courier new", courier; font-size: medium;‘> 官网地址:http://jqueryui.com/autocomplete/ <SPAN style=‘font-family: "courier new", courier; font...
这里只是第二篇，前面的内容请参阅上一篇五、常用方法及注意问题1.用其他方式替代默认的SUBMIT$().ready(function() { $("#signupForm").validate({ submitHandler:function(form){ alert("submitted"); form.submit(); } }); });可以设置validate的默认值，写法如下： $.validator.setDefaults({ submitHandler: function(form) { alert("submitted!");form.submit(); } })...
虽然jquery的较新的api已经很好用了， 但是在实际工作还是有做二次封装的必要，好处有：1，二次封装后的API更加简洁，更符合个人的使用习惯；2，可以对ajax操作做一些统一处理，比如追加随机数或其它参数。同时在工作中，我们还会发现，有一些ajax请求的数据，对实时性要求不高，即使我们把第一次请求到的这些数据缓存起来，然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对相关功能有影响，通过这种手工的缓存控制，减少...
作为一名程序员，一提到“缓存”你很容易联想到“客户端（浏览器缓存）”和“服务器缓存”。客户端缓存是存在浏览者电脑硬盘上的，即浏览器临时文件夹，而服务器缓存是存在服务器内存中，当然在一些高级应用场合也有专门的缓存服务器，甚至有利用数据库进行缓存的实现。当然这些都不在本文的讨论范围，本文要讨论的是最流行的JavaScript框架jQuery的数据缓存实现原理，这是jQuery1.2.3版开始加入的新功能。 一、 jQuery数据缓存的作...
网上有很多教你怎么使用jQuery.data(..)来实现数据缓存，但有两个用户经常使用的data([key],[value])和jQuery.data(element,[key],[value])几乎没有什么文章说清楚它们两的区别，所以我用到了，研究下分享给大家。$("").data([key],[value])与jQuery.data(element,[key],[value])的区别这两个函数都是用来在元素上存放数据也就平时所说的数据缓存,都返回jQuery对象，当时我分别在使用它俩的时候真的吓我一跳，区别可大了，真是不用...