20个热门jQuery的提示和技巧.docx

20个热门jQuery的提示和技巧? 1。优化性能复杂的选择?? ? ?? ?查询DOM中的一个子集，使用复杂的选择时，大幅提高了性能：?? ? var?subset?=?$();?? ? $(input[value^=],?subset);?? ? ?? ? 2。设置上下文和提高性能?? ? ?? ? jQuery核心功能上，指定上下文参数。指定context参数，允许从DOM中更深的分支，而不是从DOM根，jQuery来启动。鉴于一个足够大的DOM，指定上下文参数转化为性能提升。?? ? $(input:radio,?document.forms[0]);?? ? ?? ? 3。现场事件处理程序?? ? ?? ?设置任何一个选择的元素相匹配的事件处理程序，即使它被添加后的初始页面加载到DOM：?? ? $(button.someClass).live(click,?someFunction);?? ? ?? ?这允许你通过Ajax加载内容，或通过JavaScript添加事件处理程序的成立为这些元素正确自动。?? ? ??? ?同样，要停止现场事件处理：?? ? ?? ? 4。检查索引?? ? ?? ? jQuery有索引，但它是一种痛苦，使用你所需要的元素的列表，并通过元素你想要的指标?? ? ?? ? var?index?=?e.g?$(#ulli).index(?liDomObject?);?? ?以下是比较容易：?? ? $(ul??li).click(function?()?? ? {?? ? ????var?index?=?$(this).prevAll().length;?? ? });?? ?如果你想知道在一个集合元素的索引，例如在一个无序列表的列表项：?? ? ?? ? 5。使用jQuery的数据的方法?? ? ?? ? jQuery的数据（）方法是有用的，不为人所熟知。它可以让你无需修改DOM绑定数据到DOM元素。?? ? $(ul??li).click(function?()?? ? {?? ? ????var?index?=?$(this).prevAll().length;?? ? });?? ? ?? ? 6。删除一个元素的淡出效果基本show效果?? ? ?? ?结合多个jQuery效果，动画和删除DOM元素。?? ? ?? ? $(#myButton).click(function()?{?? ? ?????????$(#myDiv).fadeTo(slow,?0.01,?function(){?//fade ?? ? ?????????????$(this).slideUp(slow,?function()?{?//slide?up ?? ? ?????????????????$(this).remove();?//then?remove?from?the?DOM ?? ? ?????????????});?? ? ?????????});?? ? });?? ? ?? ? 7。检查是否存在一个元素?? ? ?? ? if?($(#someDiv).length)?{?? ? ????//hooray!!!?it?exists... ?? ? }?? ?使用下面的代码片段来检查一个元素是否存在与否。?? ? ?? ? 8。添加到DOM中动态创建的元素?? ? ?? ?使用下面的代码片段来动态创建一个DIV，并添加到DOM。?? ? var?newDiv?=?$(div/div);?? ? newDiv.attr(id,myNewDiv).appendTo(body);?? ? ?? ? 9。换行符和chainability的?? ? ?? ?而不是做：?? ? ??? ? $(a).hide().addClass().fadeIn().hide();?? ? ?? ?像这样可以增加可读性：?? ? $(a)?? ? ??.hide()?? ? ??.addClass()?? ? ??.fadeIn()?? ? ??.hide();?? ? ?? ? 10。创建自定义选择?? ? ?? ? $.extend($.expr[:],?{?? ? ????over100pixels:?function(a)?{?? ? ????????return?$(a).height()??100;?? ? ????}?? ? });?? ? ??? ? $(.box:over100pixels).click(function()?{?? ? ????aler