1. 设置IE特有的功能:
if ($.browser.msie) {
//do something...
}
2. 使用jQuery来代替一个元素:
$(‘#thatdiv‘).replaceWith(‘fnuh‘);
3.从一个未排序的集合中找出某个元素的索引号:
$("ul > li").click(function () {
var index = $(this).prevAll().length;
});
4.在创建元素时,使用对象字面量(literal)来定义属性:
var e = $("", { href: "#", class: "a-class another-class", title: "..." });
5.使用jQuery来预加载图像:
jQuery.preloadImages = function () { for (var i = 0; i < arguments.length; i++) { $("<img />").attr(‘src‘, arguments[i]); } };
//用法 $.preloadImages(‘image1.gif‘, ‘/path/to/image2.png‘, ‘some/image3.jpg‘);
6.为任何与选择器相匹配的元素设置事件处理程序:
$("table").delegate("td", "hover", function () { $(this).toggleClass("hover");});
7.找到一个已经被选中的option元素:
$(‘#someElement‘).find(‘option:selected‘);
8.隐藏一个包含了某个值文本的元素:
$("p.value:contains(‘thetextvalue‘)").hide();
9.自动滚动到页面中的某区域:
jQuery.fn.autoscroll = function (selector) { $(‘html,body‘).animate( { scrollTop: $(this ).offset().top },500);}
$(‘.area_name‘).autoscroll();
10.检测各种浏览器:
if( $.browser.safari) //检测Safari
if ($.browser.msie && $.browser.version > 6 ) //检测IE6及之后版本
if ($.browser.msie && $.browser.version <= 6 ) //检测IE6及之前版
if($.browser.mozilla && $.browser.version > ‘1.8‘)//检测Firefox2以及之后的版本
11.替换串中的词:
var el = $(‘#id‘); el.html(el.html().replace(/word/ig, ‘‘));
12.禁用右键单击上下文菜单:
$(document).bind(‘contextmenu‘, function (e) {
return false ;
});
13.检查某个元素是否存在:
if ($(‘#someDiv‘ ).length) {
//存在
}
14.使用jQuery来检测右键和左键的鼠标单击两种情况:
$("#someelement").live(‘click‘, function (e) {
if ((!$.browser.msie && e.button == 0) || ($.browser.msie && e.button == 1)) { alert("Left Mouse Button Clicked"); } else if (e.button == 2) { alert("Right Mouse Button Clicked"); } });