JavaScript 加载器在 Web 开发中是非常强大和有用的工具。目前流行的几个加载器，像 curljs、LABjs 和 RequireJS 使用都很广泛。他们功能强大的，但有些情况下可以有更简单的方案。 如果你正在使用 jQuery，有一个内置的方法可以用来加载脚本。如果你想延迟加载插件或任何其他类型的脚本，都可以使用这种方法。下面给大家介绍如何使用它。 实现方法 jQuery 内置有 getScript 方法来加载一个脚本，处理返回的结果可以有几种方法来实...
项目中遇到场景：一个按钮要在子iframe加载完成之后才能被点击，这是就需要知道iframe何时加载完成，用JQuery很简单就能实现，代码如下： 代码如下:var isOnLoad = true; youIFrame.attr("src", url); youIFrame.load(function() { isOnLoad = false;// 加载完成 alert(load success); }); 已验证通过！
介绍 当用户双击DOM对象（例如按钮和链接等）时，对于用户交互一直是个麻烦的问题。 幸运的是, jQuery 提供了一个相当棒的解决方法。 那就是.one()。 .one()这个方法是做什么的？ 它附加了一个元素事件的处理程序并且每个元素只能运行一次事件处理器函数。 参数 .one( events [, selector ] [, data ], handler(eventObject) ) events 类型: String 规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。就像“...
密保互斥问题： 密保通常都会有n个问题，让用户选择其中2、3个，而且都不会让用户选择重复的问题。这就要求密保互斥。效果如下： 下面我用了jquery实现密保互斥，用于解决密保，投票等类似互斥问题，可以支持ie6+，火狐，谷歌，opera等大多数浏览器 demo下载：http://download.csdn.net/download/cwqcwk1/5956141 关键代码： 代码如下:<script type="text/javascript"> var qObj = { elmt:select, tip:请选择, tVal:, cur:[], arr...
jquery 触发a链接点击事件 代码如下:<p class="btnSubmit"><a href="javascript:submitData();">确认</a></p> $(".btnSubmit a")[0].click(); <p id="tob"><a href="1.html">这是文字</a></p>$("#tob a")[0].click(); 这里面很奇怪，有时候$(".btnSubmit a").click()可以，有时候$(".btnSubmit a")[0].click()可以
大家先看一段简单的jquery ajax 返回值的js 代码 代码如下:function getReturnAjax{ $.ajax({ type:"POST", http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx", data:"username="+vusername.value, success:function(msg){ if(msg=="ok"){ showtipex(vusername.id,"<img src=images/ok.gif/><b><font color=#ffff00>该用户名可以使用</font></b>",false) return true; } else { showtipex(vusername.id,"<img src=i...
般来说，在对一个文件域(input type=”file”)使用了验证后，我们总会希望把文件域中的值给清空了（否则错误的文件仍然会被提交），而在IE中，安全设置的原因，是不允许更改文件域的值的（也就是不能使用val(“”)） 那么很显然，我们就只能换个思路，把这个input元素复制一个，然后将原来的删除。 在IE下复制元素的时候，其中的值是不会被复制的，所以就达到了清空文件域的目的了。 而在Firefox下，其中的值也会被一同复制，那么我...
今天闲的无聊，把以前遗留的问题解决一下，比如让人头痛的Jquery乱码问题。其实这方面文章已经很多了，但全面解决各种问题的很少，今天总结一下，方便自己也方便大家。原因很简单： 其实他的中文乱码就是因为contentType没有指定编码，对于不同Jquery的版本中这个地方有不同的设置，就拿我遇到的，jquery-1.6.1和jquery-1.8.3就有不同的定义。 解决办法：在jquery-1.6.1文件中，搜索'contentType' 然后在application/x-www-form-ur...
先看效果图： 要求：当输入框获得焦点时，自动显示验证图片。 代码如下（学习而已，仅供参考）： 代码如下:/***********************下是验证码对象*****************/ var Validation = {}; Validation.init = function(eleName,imageSrc){ this.image = imageSrc; $(#+eleName).focusin(function(){ Validation.show(eleName); }); } Validation.image = ; Validation.display=false; Validation.width = 100px; Validation.hei...
大家先看一段简单的jquery ajax 返回值的js 代码 代码如下:function getReturnAjax{ $.ajax({ type:"POST", data:"username="+vusername.value, success:function(msg){ if(msg=="ok"){ showtipex(vusername.id,"<img src=images/ok.gif/><b><font color=#ffff00>该用户名可以使用</font></b>",false) return true; else showtipex(vusername.id,"<img src=images/cancel.gif/><b><font color=#ffff00>该用户已被注册</font></b>"...
如果要进行跨域请求，我们可以通过使用html的script标记来进行跨域请求，并在响应中返回要执行的script代码，其中可以直接使用JSON传递javascript对象。这种跨域的通讯方式称为JSONP。 个人理解： 就是在客户端动态注册一个函数function a(data)，然后将函数名传到服务器，服务器返回一个a({/*json*/})到客户端运行,这样就调用客户端的function a(data),从而实现了跨域. 代码如下:<!DOCTYPE html PUBLIC "-//W//DTD XHTML Transit...
前言: 当jquery ajax在utf-8编码下（页面utf－8，接收utf-8），无任何问题。可以正常post、get，处理页面直接获取正确的内容。 但在以下情况下: GBK -> AJAX POST ->GBK UTF-8 -> AJAX POST ->GBK 后台代码无法获取正确的内容，通常表现为获取到奇怪字符、问号。 经典解决方法： 1：发送页面、接收页面均采用UTF-8编码。 2：发送页面在调用ajax post方法之前，将含有中文内容的input用encodeURIComponent编码一次，而接收页面则调用...
dotNetFlexGrid是一款asp.net原生的异步表格控件，他的前身是Jquery FlexiGrid插件，我们重构了FlexiGrid的大部分Javascript代码，使其工作的更有效率，BUG更少；同时将其封装为dotNet控件，提供了简单易用的使用方式。 dotNetFlexGrid扩展和优化了FlexiGrid原有的功能，并提供了更多具有针对性的功能，使用dotNetFlexGrid，您的用户可以轻松拥有如下功能提供简易的方式自行调整表格列宽 根据实际情况调整表格的大小 针对合适的列...
例如有一段HTML代码： 1.总是从ID选择器开始继承以下是引用片段：<div id="content"> <form method="post" action="#"> <h2>交通信号灯</h2> <ul id="traffic_light"> <li><input type="radio" class="on" name="light" value="red" /> 红色</li> <li><input type="radio" class="off" name="light" value="yellow" /> 黄色</li> <li><input type="radio" class="off" name="light" value="green" /> 绿色</li> </ul> <inpu...
原型：http://jquery.andreaseberhard.de/pngFix/index.html 下载:http://jquery.andreaseberhard.de/download/pngFix.zip 很方便使用：） 代码如下:<script type="text/javascript" src="jquery-latest.pack.js"></script> <script type="text/javascript" src="jquery.pngFix.js"></script> <head> ... <script type="text/javascript"> $(document).ready(function(){ $(document).pngFix(); }); </script> ... </head> 脚本之...