jQuery选择器

   // 表单背景色
   $("table tr:even").css("background", "#eee");
   // 多选按钮
   $("table").find("input[id=chkAll]").click(function(){

    if (this.checked){
     $("table").find("input[type=checkbox]").each(function(){
      if (!this.checked){
       this.checked = true;

      }
     });
    }else{
     $("table").find("input[type=checkbox]").each(function(){
      if (this.checked){
       this.checked = false;
      }
     });
    }
   });

   // 图片放大
   $("img[alt]").hover(function(e){
    $("#imgTip")
     .attr("src", this.src)
     .css({"top" : (e.pageY + 5) + "px", "left" : (e.pageX + 6) + "px"})
     .show();
   },function(){
    $("#imgTip").hide();
   });

<body>
    <table>
        <tr>
           <th>选项</th>
           <th>编号</th>
           <th>封面</th>
           <th>购书人</th>
           <th>性别</th>
           <th>购书价</th>
        </tr>
        <tr id="0">
           <td><input id="Checkbox1" type="checkbox" value="0"/></td>
           <td>1001</td>
           <td><img src="Images/img03.jpg" alt="" /></td>
           <td>李小明</td>
           <td>男</td>
           <td>35.60 元</td>
        </tr>
        <tr id="1">
           <td><input id="Checkbox2" type="checkbox" value="1"/></td>
           <td>1002</td>
           <td><img src="Images/img04.jpg" alt="" /></td>
           <td>刘明明</td>
           <td>女</td>
           <td>37.80 元</td>
        </tr>
        <tr id="2">
           <td><input id="Checkbox3" type="checkbox" value="2"/></td>
           <td>1003</td>
           <td><img src="Images/img08.jpg" alt="" /></td>
           <td>张小星</td>
           <td>女</td>
           <td>45.60 元</td>
        </tr>
    </table>
    <table>
        <tr>
           <td style="text-align:left;height:28px">
               <span><input id="chkAll" type="checkbox" />全选</span>
               <span><input id="btnDel" type="button" value="删除" class="btn" /></span>
           </td>
        </tr>
     </table>
     <img id="imgTip" class="clsImg" src="Images/img03.gif"/>
</body>

posted on 2014-07-23 14:35 苏荷酒吧阅读(93) 评论(0) 收藏举报