(function($) { var cache = []; // arguments are image paths relative to the current page. $.preloadimages = function() { var args_len = arguments.length; for (var i = args_len; i--;) { var cacheimage = document.createelement('img'); cacheimage.src = arguments[i]; cache.push(cacheimage); } } jquery.preloadimages(image1.gif, /path/to/image2.png);
在新窗口打开链接 (target=”blank”)
$('a[@rel$='external']').click(function(){ this.target = _blank; }); /* usage: catswhocode.com */
当支持 javascript 时为 body 增加 class
/* 该代码只有1行，但是最简单的用来检测浏览器是否支持 javascript 的方法，如果支持 javascript 就在 body 元素增加一个 hasjs 的 class */ $('body').addclass('hasjs');
平滑滚动页面到某个锚点
$(document).ready(function() { $(a.toplink).click(function() { $(html, body).animate({ scrolltop: $($(this).attr(href)).offset().top + px }, { duration: 500, easing: swing }); return false; }); });
鼠标滑动时的渐入和渐出
$(document).ready(function(){ $(.thumbs img).fadeto(slow, 0.6); // this sets the opacity of the thumbs to fade down to 60% when the page loads $(.thumbs img).hover(function(){ $(this).fadeto(slow, 1.0); // this should set the opacity to 100% on hover },function(){ $(this).fadeto(slow, 0.6); // this should set the opacity back to 60% on mouseout }); });
制作等高的列
var max_height = 0; $(div.col).each(function(){ if ($(this).height() > max_height) { max_height = $(this).height(); } }); $(div.col).height(max_height);
在一些老的浏览器上启用 html5 的支持
(function(){ if(!/*@cc_on!@*/0) return; var e = abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video.split(','),i=e.length;while(i--){document.createelement(e[i])} })() //然后在head中引入该js
测试浏览器是否支持某些 css3 属性
var supports = (function() { var div = document.createelement('div'), vendors = 'khtml ms o moz webkit'.split(' '), len = vendors.length; return function(prop) { if ( prop in div.style ) return true; prop = prop.replace(/^[a-z]/, function(val) { return val.touppercase(); }); while(len--) { if ( vendors[len] + prop in div.style ) { // browser supports box-shadow. do what you need. // or use a bang (!) to test if the browser doesn't. return true; } } return false; }; })(); if ( supports('textshadow') ) { document.documentelement.classname += ' textshadow';
获取 url 中传递的参数
$.urlparam = function(name){ var results = new regexp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href); if (!results) { return 0; } return results[1] || 0; }
禁用表单的回车键提交
$(#form).keypress(function(e) { if (e.which == 13) { return false; } });
之前的《直接拿来用的15个jquery代码片段》文章就很不错，不知道大家收藏了吗？现在再来一份，一样很棒！