jQuery操學習總結(jié)在客戶端操作學習：不過有很多很多的不足，還需要學習掌握。<styletype="text/css">.hover{background-color:red;}id="table1"border="1"cellspacing="0"><th><inputid="checkall"onclick="checkAll1(this)"/><th>姓名/th><th>性別/th><th>密碼/th><th>地址/th></tr><td><input/><td>張三/td><td>男/td><td>zhangsan</td><td>上海/td></tr><td><input/><td>李四/td><td>男/td><td>lisi</td><td>安慶/td></tr><td><input/><td>王五/td><td>男/td>

<td>北京/td></tr><td><input/><td>無名氏<<td>女/td><td>上海/td></tr><td><input/><td>趙老師<<td>男/td><td>zhaolaoshi</td><td>浙江/td></tr><td<inputid="btnAdd"value="新增"onclick="btnAddRow()"/>    <input刪除"onclick="btnDeleteRow()"<inputrunat="server"保存"onclick="btnSaveClick()"/></tr>操作：1.鼠標移動行變色方法一：jQuery中的hover(fun(),fun())方法，參數(shù)一：第一個方法是添加樣式功能，參數(shù)二：第二個方法是取消樣式功能$("#table1tr").hover(function(){})方法二：$("#table1tr:gt(0)").hover(function(){$(this).children("td").addClass("hover");},{

});2.奇偶行不同顏色$("#table1"#bbf");$("#table1tr:even").css("background-color","#ffc");$("#table1$("#table13.隱藏一行$("#table1tr:eq(3)").hide();4.隱藏一列方法一：$("#table1tr方法二：$("#table1tr").each(function(){$("td:eq(3)",this).hide()});5.//刪除一行//除除第一行外的所有行$("#table1//除指定行$("#table16.//刪除一列//除除第一列外的所有列$("#table1tr$("#table1tr//除第一列$("#table1tr7.得到（設(shè)置）某個單元格的值//置table1,第2個tr的第一個的值。$("#table1td:nth-child(1)").html("value");//取table1,第2個tr的第一個的值。$("#table18.插入一行：/在第二個tr插入一行$("<tr><td>入3</td><td>插入</td><td>插入<插入tr:eq(1)"));9：獲取每行指定的單元格的值vararr=[];$("#table1trtd:nth-child(1)").each(function{arr.push($(this).html());});vararr.join(',');

10:給指定單元格動態(tài)復(fù)制var$(this).html(array[i]);});//選或全不選//法一：//選或全不選此傳入的參數(shù)為如：checkAll(event)functioncheckAll(evt){varchall=evt.target?evt.target:evt.srcElement;varvarfor(vari=1;i<trlist.length;i++){vartr=$(trlist[i]);varinput=tr.find("INPUT[type='checkbox']");}}//法二：//選或全不選此傳入的參數(shù)為如：checkAll(this)functioncheckAll(evt){varvarfor(vari=1;i<trlist.length;i++){vartr=$(trlist[i]);varinput=tr.find("INPUT[type='checkbox']");input.attr("checked",evt.checked);}}//法三：//選或全不選此傳入的參數(shù)為如：checkAll(this)functioncheckAll(evt){$("#table1});}

//法四：//選或全不選此傳入的參數(shù)為如：checkAll(this)functioncheckAll(evt){$("#table1tr").find("input[type='checkbox']").attr("checked",evt.checked);}//戶端動態(tài)添加行functionbtnAddRow(){//號是從0開始，最后一行是新增、刪除、保存按鈕行故減去varvarchk="<inputtype='checkbox'name='chk_"+rownum+"'/>";vartext="<inputtype='text'id='txt_"+rownum+"'name='txt_"+rownum+"'width='75px'/>";varsel="<selectid='sel_"+rownum+"'><optionvalue='1'>男</option><option女</option></select>";varrow="<tr><td>"+chk+"</td><td>"+text+"</td><td>"+sel+"</td><td>"+text+"</td><td>"+text+"</td></tr>";$(row).insertAfter($("#table1tr:eq("+rownum+")"));}//戶端刪除一行//次只能刪除一行，刪除多行時出錯function{$("#table1if($(this).attr("checked")){if(i!=0)//不刪除行標題{$("#table1}}});}//個比上面的要好，可以一下刪除多個記錄function{$("#table1tr").each(function(i){varchk=$(this).find("input[type='checkbox']");不能刪除標題行{

{}}});}//戶端保存functionbtnSaveClick(){//find()方法中我暫時不知道如何設(shè)定多個篩選條件，所以下面得不到列表的值tr//alert($(this).val());//});$("#table1tr").find("td").each(function(i){{}if($(this).find("select").length>0){alert($(this).find("select").val());}});}：1.當我們想在里面加入點擊時間時，一般是對整列進