60个实用的JQuery代码片段

偶然在网上看到这些不错的jQuery代码开发技巧。原文收集了30个，另外查找的时候发现了还有20个。加上另外十个实用的jQuery代码片段，共60个代码技巧，收集在一起分享给大家。60个很实用的jQuery代码开发技巧收集这些jQuery代码实用性比较强，有些忘了的地方可以现学现用。现在暂时没有用到以后应该会用到，觉得不错可以收藏一下。

1. 创建一个嵌套的过滤器
[js]
.filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素
[/js]

2. 重用你的元素查询
[js]
var allItems = $("div.item");
var keepList = $("div#container1 div.item");
<div>
class names:
$(formToLookAt + " input:checked").each(function() {
keepListkeepList = keepList.filter("." + $(this).attr("name"));
});
</div>
[/js]

3. 使用has()来判断一个元素是否包含特定的class或者元素
[js]
//jQuery 1.4.* includes support for the has method. This method will find
//if a an element contains a certain other element class or whatever it is
//you are looking for and do anything you want to them.
$("input").has(".email").addClass("email_icon");
[/js]

有人看吗？没有人看吗？还有50条。没人看我不写了

4. 使用jQuery切换样式
[js]
//Look for the media-type you wish to switch then set the href to your new style sheet
$(‘link[media=’screen’]’).attr(‘href’, ‘Alternative.css’);
[/js]

5. 限制选择的区域
[js]
//Where possible, pre-fix your class names with a tag name
//so that jQuery doesn’t have to spend more time searching
//for the element you’re after. Also remember that anything
//you can do to be more specific about where the element is
//on your page will cut down on execution/search times
var in_stock = $(‘#shopping_cart_items input.is_in_stock’);
<ul id="shopping_cart_items">
<li><input class="is_in_stock" name="item" type="radio" value="Item-X" /> Item X</li>
<li><input class="3-5_days" name="item" type="radio" value="Item-Y" /> Item Y</li>
<li><input class="unknown" name="item" type="radio" value="Item-Z" /> Item Z</li>
</ul>
[/js]

先来5个吧，明天继续哦

好