jquery
小博
人生的道路上,两旁也许有很多迷人的风光,只会偶尔停下来欣赏一番,他们只是点缀,不是目的,为了远方的目标,唯有背上行囊,继续上路。
展开
-
jquery load 事件用法
如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。 调用loa转载 2012-04-19 16:18:42 · 497 阅读 · 0 评论 -
js与jquery获得页面大小、滚动条位置、元素位置
//页面位置及窗口大小function GetPageSize() {var scrW, scrH; if(window.innerHeight && window.scrollMaxY) { // Mozilla scrW = window.innerWidth + window.scrollMaxX; scrH = window.innerHeight转载 2011-12-06 18:19:00 · 480 阅读 · 0 评论 -
jquery浏览器滚动条
Google阅读器上有一个AJAX效果很不错,就是阅读项目时不需要翻页,浏览器滚动条往下拉到一定位置时自动加载新的一批项目进来,一直到所有项目加载完为止。对于我来说再好不过了,因为我很不喜欢翻页,尤其是输入页码再定位到页。要知道,数据量增加很频繁时,要通过定位页码来找到目标数据似乎并没有什么意义。我觉得用户体验成熟的WEB应用程序应当引导用户使用TAG或搜索等功能来找到目标数据。至于浏览数据,尤其转载 2011-12-06 18:11:13 · 978 阅读 · 0 评论 -
jquery-autocomplete 使用手册
jquery-autocomplete学习一、用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/当前版本:1.0.2需要JQuery版本:1.2.6二、使用cript">cript">autocomplete( url or data, options ) Retur转载 2011-12-05 11:24:34 · 321 阅读 · 0 评论 -
[jQuery]使用jQuery.Validate进行客户端验证(高级篇-下)——不使用微软验证控件的理由
继续上一篇文章使用jQuery.Validate进行客户端验证(高级篇-上),本文将继续介绍jQuery.Validate的高级应用——jQuery.Validate的AJAX验证及简单扩展。今天主要介绍的内容有:1、如何使用jQuery.Validate进行AJAX验证?2、默认jQuery.Validate在进行AJAX验证时返回必须是bool类型,如何返回一个对象包括错误消息及验转载 2011-12-05 11:20:45 · 362 阅读 · 0 评论 -
给hiAlert插件添加一个关闭窗口的方法
hiAlert插件可以通过点击自带的“取消”按钮和“X”关闭窗口,有时候,我们在网页框中会嵌套关闭按钮,如何让它的功能与插件的一样呢?很简单,在插件jquery.alert.js中下方添加这样一段代码即可,使用方法和其他几种方法一样。 hiClose=function(){ a.alerts._hide(); } 例子:原创 2011-12-02 17:59:19 · 624 阅读 · 0 评论 -
[jQuery]使用jQuery.Validate进行客户端验证(高级篇-上)——不使用微软验证控件的理由
在上一篇使用jQuery.Validate进行客户端验证(中级篇-下)中我介绍了jQuery.Validate在日常使用的过程中会遇到哪些问题及解决办法,今天的高级篇则主要是对jQuery.Validate的一些高级应用进行介绍。本篇主要介绍为以下2点:1、扩展验证规则,jQuery.Validate只提供了一些基本的验证功能,并不能满足我们日常开发的需求,所以我们要为jQuery.Val转载 2011-12-05 11:19:00 · 441 阅读 · 0 评论 -
jQuery(function(){})与(function(){})(jQuery)的区别
开发jQuery插件时总结的一些经验分享一下。 一、先看 jQuery(function(){ }); 全写为 jQuery(document).ready(function(){ }); 意义为在DOM加载完毕后执行了ready()方法。 二、再看 (function(){ })(jQuery); 其实际上是执行()(p转载 2011-12-02 16:39:12 · 285 阅读 · 0 评论 -
用hiAlert插件实现两个select左移右移上移下移等
一、hiAlert插件简介 hiAlert插件是根据 jquery.alerts 改进得来,包括了常用的几种提示框,还提供了渐变提示条效果,弹出网页层效果,它目前兼容各主流浏览器。 具体参见:http://www.helloweba.com/view-blog-124.html 注意:该插件基于jquery开发,同时依赖jquery-ui.js原创 2011-12-01 16:55:45 · 3040 阅读 · 0 评论 -
jquery对CSS操作
传统javascript对css的操作相当繁琐比如css取它的background语法是 document.getElementById("a").style.background而jQuery对css更方便的操作,$("#a").background(),$("#a").background(“red”)$("#a")得到jQuery对象[ ]$("#a").backg转载 2011-11-10 14:11:10 · 408 阅读 · 0 评论 -
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
因为浏览器的兼容问题,如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅,并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 Js代码 //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档转载 2011-11-10 11:56:01 · 401 阅读 · 0 评论 -
javascript / jquery 操作 cookie
什么是Cookie? 谓Cookie,是网页 通过浏览器保 存在用户本地计算机 上的一小段数据 。用户再次访问该网页的时候,浏览器会将这一小段数据发送给该网页。Cookie是网景公司的前雇员Lou Montulli在1993年3月的发明。 Cookie 最典型的应用是判定注册用户是否已经登录网站。用户可能会得到提示,是否在下一次进入此网站时保留用户信息以便简化登录手续,也就是所谓“保存转载 2011-11-10 17:26:38 · 447 阅读 · 0 评论 -
实现select multiple左右添加和删除功能
项目要实现这样的一个功能(如下图所示):选择左边下拉列表框中的选项,点击添加按钮,把选择的选项移动到右边的下拉列表框中,同样的选择右边的选项,点击删除按钮,即把选择的选项移动到左边的下拉列表框中.相信用js很多朋友都写过,下面是我用jQuery来实现这样的功能的.具体代码如下:[img] [/img] 下拉列表 选择分包转载 2011-11-30 16:16:21 · 2098 阅读 · 0 评论 -
jquery tabs插件
写了一个jquery tabs插件,使用事件代理处理事件。结构层是群里深度讨论得出的最好的结构。dlid="aaa"> dt>a>切换卡1a>a>切换卡2a>a>切换卡3a>dt> dd>内容1dd> dd>内容2dd>转载 2011-11-09 15:00:24 · 627 阅读 · 0 评论 -
从jQuery的缓存到事件监听
很久以前,我还在cnblogs里面逛的时候就提出过一个问题(刚找了半天没找到)。不知道大家有没有发现,用jQuery选择器"选择"之后的DOM上会添加jQuery*********属性。DIV id=d1 jQuery1294122065250="1">abc DIV>首先jQuery1294122065250中的"1294122065250"其实是一个时间戳。看看jQuery转载 2011-11-30 11:40:35 · 951 阅读 · 0 评论 -
即刻提升jQuery性能的十个技巧[TUTS+]
本文提供即刻提升你的脚本性能的十个步骤。不用担心,这并不是什么高深的技巧。人人皆可运用!这些技巧包括:使用最新版本 合并、最小化脚本 用for替代each 用ID替代class选择器 给选择器指定前后文 建立缓存 避免DOM操作 避免使用concat(),利用join()处理长字串 返回false值 利用小抄和参考文档1. 使用最新版本jQuery一直处于不转载 2011-11-29 17:32:12 · 406 阅读 · 0 评论 -
jQuery 数据缓存data(name, value)详解及实现
一提到“缓存”你很容易联想到“客户端(浏览器缓存)”和“服务器缓存”。客户端缓存是存在浏览者电脑硬盘上的,即浏览器临时文件夹,而服务器缓存是存在服务器内存中,当然在一些高级应用场合也有专门的缓存服务器,甚至有利用数据库进行缓存的实现。当然这些都不在本文的讨论范围,本文要讨论的是最流行的JavaScript框架jQuery的数据缓存实现原理,这是jQuery1.2.3版开始加入的新功能。一、转载 2011-11-29 16:33:24 · 534 阅读 · 0 评论 -
jquery事件重复绑定解决办法
一$.fn.live 重复绑定解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件。//先通过die()方法解除,再通过live()绑定$(“#selectAll”).die().live(“click”,function(){//事件运行代码});二click等事件解决:使用u转载 2011-11-28 15:50:43 · 546 阅读 · 0 评论 -
jquery.validate remote 和 自定义验证方法
$(function(){var validator = $("#enterRegForm").validate({debug:false, //调试模式取消submit的默认提交功能//errorClass: "error",//默认为错误的样式类为:error//validClass: "check",//验证成功后的样式,默认字符串validfocusInvalid: t转载 2011-12-06 15:54:30 · 497 阅读 · 0 评论 -
jquery.Validation 中文说明
在做项目时,我们不仅要在服务器端进行一些验证,一般也在要客户端进行验证,这样才能以最快的时间将一些错误反馈给用户,让用户不必在点击了提交按钮后才得知自己录入错了一些东西。说明:提交表单,并进行验证,这时第一个示通过验证的表单元素会获得焦点。 当验证失败后,这时如果元素的值发生变化会自动进行验证,而不是像第一次一样需要提交表单来触发验证。 validation插件中的选择项:转载 2011-12-06 15:55:47 · 552 阅读 · 0 评论 -
jQuery Ajax中文乱码问题
$.ajax({ dataType : ‘json’ ,type : ‘POST’ ,url : ‘http://localhost/test/test.do’ ,data : {id: 1, type: ‘商品’} ,success : function(data){ } } );问题: 提交后后台action程序时,取到转载 2012-04-18 15:54:25 · 407 阅读 · 0 评论 -
jquery.validate全攻略
默认校验规则(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date:转载 2012-01-05 11:37:18 · 610 阅读 · 0 评论 -
Eclipse安装插件支持jQuery智能提示
最近工作中用到jQuery插件,需要安装eclipse插件才能支持jQuery智能提示,在网上搜索了一下,常用的有三个插件支持jQuery的智能提示:1.jQueryWTP2.Spket3.Aptana 在安装插件之前需要先安装eclipse,如果已经安装了eclipse,可以直接看下面的插件安装方法,本人使用的Fedora 12,操作如下:1.直接打开”应用程序”-->转载 2012-02-09 10:45:48 · 509 阅读 · 0 评论 -
jquery缓存
jQuery复制节点clone()方法不会复制data缓存,准确说jQuery不会在全局缓存对象中分配一个新节点存放新复制elem缓存。jQuery在clone()中把可能存在的缓存指向属性(elem的expando属性)替换成空。如果直接把这个属性复制,就会导致原先和新复制的elem都指向一个数据缓存,中间的互操作都将会影响到两个elem的缓存变量。以下jQuery代码就是把expando属性删转载 2012-01-04 10:47:58 · 660 阅读 · 0 评论 -
为什么用$.each()
$.each()会向他的回调函数传递迭代索引,用到索引的地方,用此方法很方便,之前我写的一个程序就用到了,然后没有each写了一个程序,这个程序需要知道元素索引,虽然最后我实现了功能,但是比较麻烦,以后要注意了。原创 2012-02-06 10:13:42 · 375 阅读 · 0 评论 -
15个值得开发人员关注的jQuery开发技巧和心得
英文原文:15 Powerful jQuery Tips and Tricks for Developers在这篇文章中,我们将介绍15个让你的jQuery更加有效的技巧,大部分关于性能提升的,希望大家能够喜欢!1. 尽量使用最新版本的jQuery类库jQuery项目中使用了大量的创新。最好的方法来提高性能就是使用最新版本的jQuery。每一个新的版本都包含了优化的bug修复。对我们来转载 2012-01-12 12:02:23 · 340 阅读 · 0 评论 -
jquery.cookie.js操作cookie实现记住密码
//初始化页面时验证是否记住了密码$(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.cookie("userName")); $("#pa转载 2012-01-11 17:25:14 · 722 阅读 · 0 评论 -
Ajax保留浏览器历史的两种解决方案(Hash&Pjax)
总是在github down点东西,github整个界面做的不错,体验也很好~对于其中的源代码滑动的特效最为喜欢了~刚开始以为这个只是普通的ajax请求效果,但是发现这个特效能够导致浏览器地址栏跟随变化,并且再点击前进后退按钮后又可以将代码滑回滑出~~于是乎就来研究下吧~一、通过锚点Hash实现:在这方面其实国内很早就有做了,比如淘宝画报,通过的是在地址栏后面加#锚点实现的,浏览器是可以识转载 2012-01-11 17:45:47 · 568 阅读 · 0 评论 -
jQuery跨域心得
一个项目由于用了二级域名,但是需要请求的文件位于www域名下,几次请求没在firebug看到任何请求信息的情况下我突然意识到,我也碰到了这个该死的跨域请求的问题,于是google之,网上找到了几乎相同的解决方案,用jQuery的json方式解决,我多次试验,最后甚至原封不动地拷来代码,均失败,才最终在另一处博客发现原来光客户端请求也不够,服务器端不能光返回json数据了,而是要返回一个回调函数,这转载 2012-01-11 17:40:15 · 581 阅读 · 0 评论 -
js/jquery操作cookie[原+转]
以前转了下面的内容,其实我在自己的项目里,用的基本上是这两个方法?1234567891011//取cookie值functiongetCookie(name){ vararr = document.cookie.match(newRegExp("(^|;\\s*)"+转载 2012-01-11 17:29:11 · 879 阅读 · 0 评论 -
几个jquery验证密码强度的插件
本来是英文版的,我改了一点,提示什么的都是中文的了,从这里下载 jquery.pstrength.js 强度验证插件!然后在网页中引用jquery文件和这个插件XML/HTML代码 然后使用以下函数JavaScript代码jQuery(document).ready(function(){ jQuery('#转载 2012-01-09 17:53:12 · 14949 阅读 · 0 评论 -
jquery标签切换
HTML代码: 标题一 标题二 标题二 css代码: #innerHeaderBottom ul li span{ font-size:15px; line-height:28px; font-weight:bold; } #libiao_a{ background:url(../images/mainb原创 2011-11-10 16:42:56 · 420 阅读 · 0 评论 -
读jquery之六(缓存数据)
很多同学在项目中都喜欢将数据存储在HTMLElement属性上,如view sourceprint?1 Test 2 3 div.getAttribute(data); // some data 4 给页面中div添加了自定义属性“data”及值“some data”。后续JS代码中使用getAttribute获取。 jQuery从1.2.3开始提供了转载 2011-12-16 09:52:52 · 488 阅读 · 0 评论 -
JSCal2使用指南3
原文地址:JSCal2: JavaScript日历控件(三)JSCal2提供的静态方法。Calendar.dateToInt(date)参数:JS日期对象返回值:数字格式的日期Calendar.intToDate(numeric_value)参数:数字格式的日期返回值:JS日期对象Calendar.printDate(date, format)参数date:JS转载 2011-12-09 10:37:47 · 1630 阅读 · 0 评论 -
JSCal2使用指南1
原文地址:JSCal2: JavaScript日历控件(一)JSCal2是相当不错的JavaScript日历控件。JSCal2的特性:(1)可以选择单个日期、多个日期以及日期范围,按CTRL键可以选择多个独立的日期,按SHIFT键可以选择指定范围的日期;(2)支持两种模式:内联(inline)和弹出(popup);(3)可以设置失效日期,通过指定日期的最小值和最大值的方式,或者转载 2011-12-09 10:36:40 · 4236 阅读 · 0 评论 -
JSCal2使用指南2
原文地址:JSCal2: JavaScript日历控件(二)Calendar.setup(args)等价于new Calendar(args),用于创建一个Calendar。args是JavaScript键值对,包括以下属性:共用的属性animation:是否有动画效果。默认值为true(对于IE6,默认值为false)。bottomBar:是否显示Bottom Bar(用于显转载 2011-12-09 10:33:29 · 3232 阅读 · 0 评论 -
jQuery对from表单元素的操作
最近接触jquery比较多。其对form的操作跟js还是一定区别的。总之jquery功能强大,值得一学。//遍历option和添加、移除optionfunction changeShipMethod(shipping){var len = $("select[@name=ISHIPTYPE] option").lengthif(shipping.value != "CA转载 2011-12-19 17:41:48 · 634 阅读 · 0 评论 -
仿新浪微博返回顶部的js实现(jQuery/MooTools)
摘要:本文将向您讲述一个仿新浪微博返回顶部的JS实现的小应用,希望对您有所启发和帮助。 一、引言 在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。例如: 其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮;人人网的返回顶部直接在底部的工具条上;新浪微博的返回顶部在滚动高度大于0的时候显示,且返回顶部的效果是转载 2011-11-03 15:24:52 · 440 阅读 · 0 评论 -
冻结 锁定 固定 行 列 表头 抬头 html table jquery 全兼容常见浏览
html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"> new document NAME="Generator"CONT转载 2011-11-24 09:20:02 · 4012 阅读 · 0 评论 -
Jquery表单验证插件–Validform:一行代码搞定整站的
你没看错,就一行代码搞定整站的表单验证!1$(".demoform").Validform();为什么能如此方便?插件的核心思想就是把所有的验证条件及验证提示信息绑定到每个表单元素,让验证代码在执行时只是核对表单下各元素的值是否跟绑定的验证条件相符,这样你可以随便添加或者去掉任一表单元素而不必修改验证代码,从而使仅用一行代码去搞定转载 2011-10-20 21:38:38 · 669 阅读 · 0 评论