jquey实现checkbox的选中及取消

Jquery中用到的方法:

first()：第一个元素;

nextAll():在XX之后的所有元素:主要为了把第一行的表头去掉

children():查找子元素; 

toggleClass();切换样式

attr()：给CheckBox添加checked属性;

主要实现的代码：

        $(function () {
            //除了表头（第一行）以外所有的行添加click事件.
            $( " tr " ).first().nextAll().click(function () {
                //为点击的这一行切换样式bgRed里的代码：background-color:#FF0000;
                $( this ).children().toggleClass( " bgRed " );
                //判断td标记的背景颜色和body的背景颜色是否相同;
                 if  ($( this ).children().css( " background-color " )  !=  $(document.body).css( " background-color " )) {
                    //如果相同，CheckBox.checked=true;
                    $( this ).children().first().children().attr( " checked " ,  true );

                }  else  {
                    //如果不同,CheckBox.checked=false;
                    $( this ).children().first().children().attr( " checked " ,  false );
                }
            });
       });