background image

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');

16. 如何为任何与选择器相匹配的元素设置事件处理程序:

$('button.someClass').live('click', someFunction);
//注意,在 jQuery 1.4.2 中,delegate 和 undelegate 选项
//被引入代替 live,因为它们提供了更好的上下文支持
//例如,就 table 来说,以前你会用
//.live()
$("table").each(function(){
    $("td", this).live("hover", function(){
        $(this).toggleClass("hover");
    });
});
//现在用
$("table").delegate("td", "hover", function(){
    $(this).toggleClass("hover");
});

17. 如何找到一个已经被选中的 option 元素:

$('#someElement').find('option:selected');

18. 如何隐藏一个包含了某个值文本的元素:

$("p.value:contains('thetextvalue')").hide();

19. 如果自动滚动到页面中的某区域

jQuery.fn.autoscroll = function(selector) {
    $('html,body').animate(
        {scrollTop: $(selector).offset().top},
        500
    };
}
//然后像这样来滚动到你希望去到的 class/area 上。
$('.area_name').autoscroll();

20. 如何检测各种浏览器:

检测

Safari (if( $.browser.safari)),

检测

IE6 及之后版本 (if ($.browser.msie && $.browser.version > 6 )),

检测

IE6 及之前版本 (if ($.browser.msie && $.browser.version <= 6 )),