发布于 2014-12-22 10:00:30 | 177 次阅读 | 评论: 0 | 来源: PHPERZ

这里有新鲜出炉的jQuery示例，程序狗速度看过来！

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。

---

本文为大家提供的是一个 jquery实现的全选,取消全选功能示例代码，感兴趣的同学拿走。

直接上示例吧

jquery

<script type="text/javascript" src="/web/bzz_index/password/js/jquery-1.7.1.min.js"></script>  
<script language="JavaScript">  
$(function() {  
$("#ckAll").click(function() {  
    $("input[name='sub']").prop("checked", this.checked);  
  });  
    
  $("input[name='sub']").click(function() {  
    var $subs = $("input[name='sub']");  
    $("#ckAll").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);  
  });  
});  
</script>  

html

<input type="checkbox" id="ckAll" />check all<br />  
<input type="checkbox" name="sub" />1<br />  
<input type="checkbox" name="sub"/>2<br />  
<input type="checkbox" name="sub"/>3<br />  
<input type="checkbox" name="sub"/>4<br />