菜单

14条改善jQuery代码的技巧

2015-01-06 - 优秀原创

jQuery简单易学,但如果你想写出更漂亮更简洁高效的代码,总需要一些技巧。本文就为你总结了14条改善jQuery代码的技巧

1.测试并提升你的jQuery选择器水平

这个jQuery选择器实验室非常酷,它能在线免费使用,当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段,然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。

2.测试jQuery包装集是否包含某些元素

如果你想测试一下某个jQuery包装集中是否包含某些元素,你首先可以尝试使用验证首个元素是否存在:



if($(selector)[0]){...}
// 或者这样
if($(selector).length){...}

来看看这个例子:

//例子.如果你的页面有以下html代码
<ul id="shopping_cart_items">
<li><input class="in_stock" name="item" type="radio" value="Item-X" />Item X</li>
<li><input class="unknown" name="item" type="radio" value="Item-Y" />Item Y</li>
<li><input class="in_stock" name="item" type="radio" value="Item-Z" />Item Z</li>
</ul>
<pre escaped="true" lang="javascript">...
//这个if条件将返回true,因为我们有两个
// input域匹配了选择器,所以<statement>代码将会执行
if($('#shopping_cart_items input.in_stock')[0]){<statement>}

转载请注明: 转载自—艾瑞可erik

本文链接地址: http://erik.xyz/619.html

页面: 1 2 3 4 5 6 7 8 9

发表评论