jQuery 1.4 15个你应该知道的新特性(译)

2020-05-22 21:58:33易采站长站整理


jQuery.isEmptyObject({}); // true
jQuery.isEmptyObject({foo:1}); // false
jQuery.isPlainObject({}); // true
jQuery.isPlainObject(window); // false
jQuery.isPlainObject(jQuery()); // false

 


更多关于: isPlainObject(…), isEmptyObject(…)


14. Closest(…) 增强

jQuery的”.closest()”方法现在可以接受一组选择器了。如果开发人员想遍历一个元素的祖先,并在其中查找离其最近的那些符合某些特征的节点的时候,这会很有用。


另外,该函数现在也接受将上下文作为第二参数了。这意味着你现在可以控制你想在DOM中遍历的元素范围了。虽然这两种情况我们一般很少用到,不过它们在jQuery内部被很好的使用。


更多关于 .closest(…)


15. 新的事件! focusIn 和focusOut

上文已经提到,为了委托”focus”和”blur”事件你需要这些新的事件,它们是”focusin”和”focusout”。这些新的事件将允许你在一个元素或其子元素获取焦点的时候进行相应操作。


jQuery(‘form’)
.focusin(function(){
jQuery(this).addClass(‘focused’);
});
.focusout(function(){
jQuery(this).removeClass(‘focused’);
});

 


同时应该注意的是这两个事件都不是按冒泡顺序传递,它们将按捕获顺序触发。这意味着最外层的(也即祖先)元素会在实际节点事件触发前被触发。


更多关于 focusInfocusOut 事件。


大家开始玩转jQuery 1.4吧。它是目前jQuery发布的一个最有前瞻性,最多特性支持和表现最好的一个版本!


好了,本文就到这里了。我已经开始准备跟随这个改变了,我相信这些改变同样会让你印象深刻的!


如果你还没准备好,你可以看看 “jQuery14天“, 一个专门为jQuery 1.4为做的在线站点,对了,另外还是为了庆祝jQeury的四岁生日!


最后不要忘了去阅读 API 文档 !


作者:Sean Zhu
出处:http://jujusharp.cnblogs.com