论坛首页 Web前端技术论坛

分享50个使你成为高级javascript开发者的jQuery的代码开发技巧 - 第一部分

浏览 9270 次
精华帖 (0) :: 良好帖 (1) :: 新手帖 (1) :: 隐藏帖 (14)
作者 正文
   发表时间:2011-07-05  

翻译:Terry li - GBin1.com
英文: 50 jQuery Snippets That Will Help You Become A Better JavaScript Developer
1. 创建一个嵌套的过滤器

.filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素

2. 重用你的元素查询

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>

3. 使用has()来判断一个元素是否包含特定的class或者元素

//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");

4. 使用jQuery切换样式

//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'); 

5. 限制选择的区域

...
...
原文出处:
分享50个使你成为高级javascript开发者的jQuery的代码开发技巧 - 第一部分
分享50个使你成为高级javascript开发者的jQuery的代码开发技巧 - 第二部分

 

   发表时间:2011-07-07  
这个是好,收起
0 请登录后投票
   发表时间:2011-07-07  
A Better JavaScript Developer翻译成高级的XX有标题党嫌疑.
0 请登录后投票
   发表时间:2011-07-07  
确实标题党~~~
0 请登录后投票
   发表时间:2011-07-13  
gbin1.com 这网站不错
0 请登录后投票
   发表时间:2011-07-14  
看完第一个就不太想看了

.not('.selected')

这就行了,还弄个filter和has岂不是多此一举
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics