hqmln的博客

ShowLoading这个jQuery插件设计用于当运行Ajax请求时，可以在屏幕某一特殊区域(id,class或者html标签)覆一张正在加载中的图片。    有时候我们页面调用后台程序时间比较长时，前台页面暴露在用户之下，如果用户点击可能会造成逻辑混乱。这时候，遮罩就起到了很好的效果，在触发后台程序时我们将前台页面遮住，不让操作，同时给予一个程序运行请等待的效果。...

1.通过is方法判断复选框是否选中 var inital = $("#newsletter").is(":checked")2.通过[]运算符动态的调用某个方法var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");3.让input框不可用var topicIn

jQuery Clean是一个用来对HTML内容进行整理和标签自动匹配的jQuery插件。主要的操作包括，自动关闭标签、自动转小写、自动删除不被识别的标签、格式化缩进等功能 http://code.google.com/p/jquery-clean/  ...

 jquery的多文件选择器 var fileInputs = $('input[type=file]:enabled[value!=""]', this); 

我们在做demo的时候，有时候需要做一些与后台进行交互的内容，以前做的情况只能是把数据写死，而现在不用了，我们可以使用mockajax来模拟后台操作。mockajax是模拟后台功能，并可以返回数据，非常使用官方网址：https://github.com/appendto/jquery-mockjax/实例代码如下： $.mockjax({ url: '/...

jQuery.metadata是用来从dom对象提取元数据，即取到一个元素对象的相关属性This plugin is capable of extracting metadata from classes, random attributes, child elements and HTML5 data-* attributes.官方网址： API网址：http://docs.j...

jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的即-1，那么滚轮就是向下滚动，正的1就是向上。官方网址：https://github.com/brandonaaron/...

IE6中有一个特别的地方，那就是 div 无法覆盖 select ，这就导致如果网页上有浮动区块出现在下拉菜单上面时，在IE6里会看到下拉框总是在浮动区块上面，无论浮动区块的 z-index 的值有多大都没用。不过，IE6中iframe 可以覆盖 select ，而 div 可以覆盖 iframe ，所以解决办法一个就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框或浮动区块，另一个就...

jquery非常经典的等待提示插件，具体官网http://jquery.malsup.com/block/参数：// override these in your code to change the default behavior and style $.blockUI.defaults = { // message displayed when blocki...

使用事件自然少不了事件对象.  因为不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异, 导致我们很难跨浏览器使用事件对象.jQuery中统一了事件对象,  当绑定事件处理函数时,  会将jQuery格式化后的事件对象作为唯一参数传入:$("#testDiv").bind("click", function(event) { });关于event对象的详细说明, 可以参考jQuery官...

解析jQuery选择器引擎SizzlejQuery从1.3版本开始，使用了新的选择器引擎Sizzle(官方网址http://sizzlejs.com)。Sizzle是jQuery作者John Resig开发的DOM选择器引擎(Dom Selector Engine)，速度号称业界第一。而且它有一个重要的特点就是Sizzle是完全独立于jQuery的，如果用户不想用jQuery，还可以只用Si...

我们让用户输入有固定格式数据的时候，例如电话号码，需要自己写验证进行验证，如果在输入的时候可以规定格式的话就能方便很多了。maskedinput插件可以解决这个问题，效果图如下： 这样能防止用户输入错误的可能。maskedinput下载地址：https://github.com/digitalBush/jquery.maskedinput官方地址：http://digitalb...

Jquery Mobile页面转场有诸多特效，其中slide是滑动效果，确切说是从右向左滑动，在项目中使用时，如果有从右向左滑动，那么再加上“返回”的从左向右的滑动就有更好的体验了，由于jquery mobile没有特定的从左向右滑动的关键词，下面说下这种特效的实现方式。本来的从右向左滑动的特效的slide的写法：<a href="#day_report_3" data-trans...

function onscorllHandler(){ $(window).bind("load", function() { //alert(1111111111); var footerHeight = 0, footerTop = 0, $footer = $(".footer"); positionFooter(); //定义positionFoo...

$("#regDate").datepicker( { showMonthAfterYear: true, // 月在年之后显示 changeMonth: true, // 允许选择月份 changeYear: true, // 允许选择年份 dateFormat:'yy-mm-dd...

jQuery插件PrintArea可实现打印页面某区域功能。 http://plugins.jquery.com/PrintArea/

// 第一个ajax请求$(document).queue("ajaxRequests", function(){    //全局变量，储存第一个ajax请求数据    var a_data;    $.ajax({        success: function(data){            a_data = data;     ...

 两种生成方式一种是canvas,另一种为table<div id="qrcodeTable"></div><p>Render in canvas</p><div id="qrcodeCanvas"></div><script> //jQuery(

prettyPhoto是一款基于jquery的轻量级的lightbox图片特效脚本，它不仅支持图片，还同时支持视频、flash、 YouTube、iframe和ajax。而且prettyPhoto配置和使用都十分简单，扩展性也不错，你可以最大限度地自定义 prettyPhoto。prettyPhoto兼容大部分主流的浏览器.官网下载地址http://www.no-margin-for-...

Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：支持单文件或多文件上传，可控制并发上传的文件数在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……通过参数可配置上传文件类型及大小限制通过参数可配置是否选择文件后自动上传易于扩展，可控制每一步骤的回调函数（onSelect, onCancel……）通过接口参数和CS...

Usage$(elements).contextMenu(String menu_id [, Object settings]);You define your menu structure in your HTML markup. For each menu, place an unordered list in a div with class "contextMenu" and ...

jQuery Chosen Plugin 是一个 jQuery 插件，用来将网页中的下拉框进行功能扩展和美化。可实现对下拉框的搜索，多个标签编辑等功能。 https://github.com/harvesthq/chosen/releases...

jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId = 'jUploadFrame' + id; var iframeHtml = '<iframe id="' + frameId + '" ...

LoadMask jQuery插件用于当DOM元素加载或变化期间，对其进行遮挡阻止用户操作并告知有些后台任务还在进行。实现“正在加载中…”的效果1.调用mask(label,delay)方法屏蔽DOM元素label一个文本字符串，显示在最外层的一个加载提示信息（在等待图片边上），如果此参数值为undefined，则只显示一个不带等待图标和文本提示的屏蔽层delay以毫秒为单位的延迟...

源码地址：https://github.com/jeresig/jquery.hotkeyshttp://code.google.com/p/js-hotkeys/使用方法：$.hotkeys.add('键名', function(){ 要实现的目的}); //键名可以是单键,也可以是组合键例如:ctrl+c就表示同时按下ctrl和c $.hotkeys.remove('键...

我们在做系统的时候，尤其是一个页面一个系统的哪种，往往我们通过弹出window里面嵌套iframe来整合其他页面，我们会常常碰见如果session失效的时候，当前的iframe页面为登陆页面，按照常理应该是父页面为登陆页面才对，针对此问题给出了个解决方案。代码如下：就是让最顶端的location为当前的location地址$(function(){ try{ ...

一款支持文件拖拽的插件官方网站http://proger.i-forge.net/FileDrop_-_cross-browser_JavaScript_Drag-Drop_file_upload/7CC

form插件的ajaxForm和ajaxSubmit方法的Options对象还可以用来将值传递给jQuery的$.ajax方法。如果你熟悉$.ajax所支持的options，你可以利用它们来将Options对象传递给ajaxForm和ajaxSubmit ajaxForm和ajaxSubmit都支持众多的选项参数，这些选项参数可以使用一个Options对象来提供。Options只是一个Ja...

http://malsup.com/jquery/form/ jquery的form插件http://malsup.com/jquery/form/#api form插件的api jQuery.form 是一个全面支持表单的jQuery插件，支持文件上传，包含以下一些方法：-ajaxForm增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提...

jquery的nth-child选择器使用方法语法：:nth-child(an+b)描述：伪类:nth-child()的参数是an+b，目前理解有5种使用方式第一种：简单数字序号写法:nth-child(number)直接匹配第number个元素。参数number必须为大于0的整数。例子：li:nth-child(3){ba...

offset，position，scrollTop/scrollLeft函数使用（1）offset：获取当前元素相对于文档的高度。只对可见元素有效。 (2) position:获取元素相对于最近的一个position为relative or absolute的元素的祖父节点的相对偏移。（3）scrollTop/scrollLeft是分别获取该元素滚动条距元素顶端的距离...

jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。官方例举的例子感觉和attr()差不多，也不知道有什么区别，既然有了prop()这个新方法，不可能没用吧，那什么时候该用attr()，什么时候该用prop()呢？大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled ...

  $(function(){ //下拉列表单选，赋值用字符串 $("#single").val("Single2"); //下拉列表多选，赋值用字符串数组 $("#multiple").val(["Multiple2", "Multiple3"]); //复选框赋值必须用字符串数组 $(":checkbox").val(["check2&quot

jquery的attr通过函数来返回指定的值。我们常用attr的方法时这样的$("#id").attr（"name"）; //返回某id的name属性$("#id").attr（"name",'abc'）;//给某id的name属性赋值为abc使用函数返回属性值 //把src属性的值设置为title属性的值$(function(){ $("img").attr("t.

转载自 <a href="http://mrthink.net/jqueryapi-queue-dequeue/" title="jQuery队列控制方法详解queue()/dequeue()/clearQueue()" rel="bookmark">jQuery队列控制方法详解queue()/dequeue()/clearQueue()@Mr.Think</a>...

1.$('selector')获取的永远是对象，即使该对象在网页上没有。因此当使用jQuery检查某个元素在网页上是否存在时，不能使用一下代码： if($("#test")){  alert("有东西") }而是应该取到元素的长度来判断，代码如下： if($("#test").length >0){  alert("有东西") }else{  alert("没有有东西！！！") }或转换为d..

 用jquery判断var elem = $('>div.tabs-header li:has(a span:contains("' + title + '"))', container)[0];jquery选择器选择的 html代码： <div class="tabs-header"> <ul class="tabs"> <li ..

jresize插件是生成自定义的页面大小的列表，可以通过点击让页面自适应指定的大小官方网站：http://toddmotto.com/jresize-plugin-for-one-window-responsive-development/下载地址：https://github.com/toddmotto/jResize简单的使用方式：引入需要的js文件<script...

ZOOM – jQuery photo gallery plugin全屏效果的 jQuery 图片切换展示插件，支持键盘前后按键切换，支持移动设备官方网站：http://gurde.github.io/ZOOM/效果： 具有以下特性：1.使用简单2.支持前进和后退按钮进行图片切换，支持esc键关闭图片3.图片自动调整大小适应屏幕使用方式： <!DO...

jquery的监听鼠标滑轮事件$(window).on('mousewheel DOMMouseScroll', function(event) { //如果满足某个状态就不执行后面代码 if (!openedImage) return; event.stopPropagation(); event.preventDefault(); ev...