//Nothing found ;
}
10. 在无序的set中查找一个元素的索引
$(“ul > li”).click(function () { var index = $(this).prevAll().length; });
11. 绑定一个函数到一个事件
$(‘#foo’).bind(‘click’, function() { alert(‘User clicked on “foo.”‘); });
12. 添加HTML到一个元素
$(‘#lal’).append(‘sometext’);
13. 创建元素时使用对象来定义属性
var e = $(“”, { href: “#”, class: “a-class another-class”, title: “…” });
14. 使用过滤器过滤多属性
//This precision-based approached can be useful when you use
//lots of similar input elements which have different types
var elements = $(‘#someid input[type=sometype][value=somevalue]’).get();
15. 使用jQuery预加载图片
jQuery.preloadImages = function() { for(var i = 0; i’).attr(‘src’, arguments[i]); } };
// Usage $.preloadImages(‘image1.gif’, ‘/path/to/image2.png’, ‘some/image3.jpg’);
16. 设置任何匹配一个选择器的事件处理程序
[code]$(‘button.someClass’).live(‘click’, someFunction);
//Note that in jQuery 1.4.2, the delegate and undelegate options have been
//introduced to replace live as they offer better support for context
//For example, in terms of a table where before you would use..
//
.live() $(“table”).each(function(){ $(“td”, this).live(“hover”, function(){ $(this).toggleClass(“hover”); }); });
//Now use..
$(“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 ); }
//Then to scroll to the class/area you wish to get to like this:
$(‘.area_name’).autoscroll();
20. 检测各种浏览器
Detect Safari (if( $.browser.safari)), Detect IE6 and over (if ($.browser.msie && $.browser.version > 6 )), Detect IE6 and below (if ($.browser.msie && $.browser.version <= 6 )), Detect FireFox 2 and above (if ($.browser.mozilla && $.browser.version >= ‘1.8’ ))
