1. 如何设置IE特有的功能：

　　if ($.browser.msie) { 　　// Internet Explorer就是个虐待狂 　　}

　　2. 如何使用jQuery来代替一个元素： 　

　　$('#thatdiv').replaceWith('fnuh');　　

　　3. 如何验证某个元素是否为空： 　

　　if ($('#keks').html()) { 　　//什么都没有找到; 　　} 　　　

　　4. 如何从一个未排序的集合中找出某个元素的索引号 　

　　$("ul > li").click(function () { 　　var index = $(this).prevAll().length; 　　});

　　5. 如何把函数绑定到事件上： 　

　　$('#foo').bind('click', function() { 　　alert('User clicked on "foo."'); 　　}); 　　 　　

　　6. 如何追加或是添加html到元素中： 　

　　　$('#lal').append('sometext');

　　7. 在创建元素时，如何使用对象字面量（literal）来定义属性  　

　　var e = $("", { href: "#", class: "a-class another-class", title: "..." }); 　　　 　　

　　8. 如何使用多个属性来进行过滤 　

　　//在使用许多相类似的有着不同类型的input元素时， 　　

　　//这种基于精确度的方法很有用 　 

　　　var elements = $('#someid input[type=sometype][value=somevalue]').get();

　　9. 如何使用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'); 　

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

　　$('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"); 　　 });

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

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

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

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

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

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

　　14. 如何检测各种浏览器： 　   

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

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

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

　　检测FireFox 2及之后版本 (if ($.browser.mozilla && $.browser.version >= '1.8' ))

　　15. 如何替换串中的词 　

　　var el = $('#id'); 　　 el.html(el.html().replace(/word/ig, ''));

　　16. 如何禁用右键单击上下文菜单： 　

　　 $(document).bind('contextmenu',function(e){ 　　 return false; 　　 })

　　17. 如何定义一个定制的选择器 　

　　$.expr[':'].mycustomselector = function(element, index, meta, stack){  　　

　　// element- 一个DOM元素 　　

　　// index – 栈中的当前循环索引 　　

　　// meta – 有关选择器的元数据 　

　　// stack – 要循环的所有元素的栈 　　

　　// 如果包含了当前元素就返回true  　

　　// 如果不包含当前元素就返回false };  　

　　// 定制选择器的用法： 　　

　　$('.someClasses:test').doSomething()

　　18. 如何检查某个元素是否存在

　　if ($('#someDiv').length) { 　　}

　　19. 如何使用jQuery来检测右键和左键的鼠标单击两种情况：

　　$("#someelement").live('click', function(e) { 　　if( (!$.browser.msie &amp;&amp; e.button == 0) || ($.browser.msie &amp;&amp; e.button == 1) ) { 　　alert("Left Mouse Button Clicked"); 　　} else if(e.button == 2) { 　　alert("Right Mouse Button Clicked"); 　　} 　　});

　　20. 如何显示或是删除input域中的默认值 　

　　//这段代码展示了在用户未输入值时， 　

　　//如何在文本类型的input域中保留 　

　　//一个默认值 　

　　wap_val = []; 　　$(".swap").each(function(i){ 　　wap_val[i] = $(this).val(); 　　$(this).focusin(function(){ 　　if ($(this).val() == swap_val[i]) { 　　$(this).val(""); 　　} 　　}).focusout(function(){ 　　if ($.trim($(this).val()) == "") { 　　$(this).val(swap_val[i]); 　　} 　　}); 　　});

　　

　　

　　本站技术原创栏目文章均为中睿原创或编译，转载请注明：文章来自中睿，本站保留追究责任的权利。