首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  jQuery

摘要:如果你写过验证用户输入,比如onkeypress那你就会知道,有时你想减少交互的次数运行你的校验函数。你不想打服务器在每个按键,因为大多数用户可以写自己的名字在大约秒,所以你应该较少Ajax请求,直到输入是休眠了100 ms。那么这是一个好的例子是基于Ajax的用户名验证。function throttle(fn, delay) { var timer = null; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(func... 阅读全文

posted @ 2012-08-21 11:49 达奇 阅读(296) 评论(0) 推荐(0)

摘要://el :input text //num: 次数 //time:毫秒数 //class: bling 就是那个粉红色背景的样式 bling: function (el, num, time) { num = num === 0 ? num : num || 3; time = time || 150; $(el).toggleClass("bling"); if (num < -1) { $... 阅读全文

posted @ 2012-08-09 20:56 达奇 阅读(794) 评论(3) 推荐(1)

摘要:#465 行添加alert(e.message);轻松找到错误所在! 阅读全文

posted @ 2012-07-20 18:41 达奇 阅读(261) 评论(0) 推荐(0)

摘要:(function ($) { $.fn.liveDraggable = function (opts) { this.live("mouseover", function () { if (!$(this).data("init")) { $(this).data("init", true).draggable(opts); } }); return $(); };} (jQuery));(function ($) { $.fn.liveDroppable =... 阅读全文

posted @ 2012-03-20 22:40 达奇 阅读(913) 评论(0) 推荐(0)

摘要:jquery.validate.js是jquery下的一个验证插件,功能比较强大,早就有所耳闻但是一只没有动手用过,现在在于能够研究一下了。 这里转载一篇前辈写的文章,在我自己的理解上修改了一下,仅作记录。 先贴一个国内某大公司的代码: JavaScript代码 <script type="text/javascript"> function lang(key) { mylang = { 'ls_... 阅读全文

posted @ 2011-06-28 10:21 达奇 阅读(387) 评论(0) 推荐(0)

摘要:jquer调用WebService网上的介绍也比较多,最近的项目中我也用到不少,一直都很少用.net ajax,比较钟情于jquery,调用请求WebService有几种方法,这主要说一下POST与GET方法,其实安全方法考虑不建议使用GET方法,下面就说一下用jquery调用WebService的参数设置及设置不当所出现的问题,还有出现问题的原因。我们这里只讨论返回JSON格式数据的情况,相信大家都比较了解JSON格式的数据对于ajax的方便,不了解的童鞋可以从网上找一下这方面的资料来看一下,这里就不多说了,或者我以后再写一篇这方面的文章。下面是WebService服务器端代码:WS1和WS 阅读全文

posted @ 2010-12-17 22:31 达奇 阅读(440) 评论(0) 推荐(0)

摘要:/* 调用方法 <script> $(function () { $(document).HighLight({ key: "达奇", color: "#ff0000" }); }); </script>*/(function ($) { $.fn.extend({ HighLight: function (options) { var defaults = { key: "达奇", color: "#ff0000" }; var options = $.extend(defaults, o 阅读全文

posted @ 2010-10-18 11:53 达奇 阅读(1292) 评论(0) 推荐(0)

摘要:点击下载demo帮助文档var url = location.search; > "?action=view&section=info&id=123&debug&testy[]=true&testy[]=false&testy[]"var section = $.query.get('section');> "info"var id = $.query.get('id');> 123var debug = $.query.get('debug' 阅读全文

posted @ 2010-09-16 10:07 达奇 阅读(12099) 评论(7) 推荐(0)

摘要:<script type="text/javascript"> $(document).ready(function () { $("#div1").hover(function () { $("#div2").show(); }, function () { $("#div2").hide(); }) }); </script><div id="div1"><input id="Text1"> <div style=&q 阅读全文

posted @ 2010-09-14 15:13 达奇 阅读(234) 评论(0) 推荐(0)

摘要:点击下载示例 阅读全文

posted @ 2010-09-14 11:41 达奇 阅读(1170) 评论(0) 推荐(0)

摘要:将下面的一行放到Js文件的第一行即可/// <reference path="jquery-1.4.1.min-vsdoc.js" />记不住?没关系!你只要将这个文件从解决方案资源管理器中拖到JS文件里就OK啦! 阅读全文

posted @ 2010-09-09 14:48 达奇 阅读(274) 评论(0) 推荐(0)

摘要:演示: 达奇博客--鼠标移动到这里详细内容 http://dachie.cnblogs.com 仿58同城 tips 鼠标悬停提示 类似title、alt 代码: <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script&g... 阅读全文

posted @ 2010-09-08 13:34 达奇 阅读(664) 评论(0) 推荐(1)

摘要:全上海全上海黄浦卢湾徐汇长宁静安普陀闸北 全上海黄浦卢湾徐汇长宁静安普陀闸北全上海黄浦卢湾徐汇长宁静安普陀闸北 <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><link rel="stylesheet"... 阅读全文

posted @ 2010-09-08 11:09 达奇 阅读(589) 评论(0) 推荐(0)

摘要:代码如下: <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <style type="text/css"> img { border: none; }</style> <div... 阅读全文

posted @ 2010-09-07 13:29 达奇 阅读(23766) 评论(4) 推荐(2)

摘要:jQuery Timers插件地址:http://plugins.jquery.com/project/timers JQuery Timers应用知识提供了三个函式1. everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成])2. oneTime(时间间... 阅读全文

posted @ 2010-08-26 10:41 达奇 阅读(25865) 评论(0) 推荐(1)