Jquery針對tr td的一些實(shí)用操作方法(必看篇)
更新時(shí)間：2016年10月05日 20:01:20 投稿：jingxian
下面就為大家?guī)硪黄狫query針對tr td的一些實(shí)用操作方法(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
本文介紹一下Jquery對table中的tr和td的操作。
第一個(gè)知識點(diǎn) 清空tr
<span style="font-size:18px;"><tr id="dynamicTrOne"></tr></span>
假設(shè)你已經(jīng)動態(tài)為id=dynamicTrOne的tr創(chuàng)建了td，可以使用
$("#dynamicTrOne").empty();
銷毀該tr里的所有td
第二個(gè)知識點(diǎn) 創(chuàng)建td元素
代碼如下：
var td1 = $("<td width='140px'>"+<strong><span style="color:#ff6666;">strKey0</span></strong>+" :</td>");
var td2 = $("<td width='60px'><input name='strKey0' value='${strKey0}' class='logType'></input></td>");
如果是變量的，如strKey0,需要使用兩個(gè)+號括住。
第三個(gè)知識點(diǎn) 將td追加到tr上
代碼如下：
$("#dynamicTrOne").append(td1);
第四個(gè)知識點(diǎn) 改變td中的內(nèi)容
html代碼如下：
<span style="font-size:18px;"><td class="back-concen-tab-top" id="strKey0">str_key0</td></span>
Jquery代碼如下：
$("#strKey0").html("str_key0");
以上就是小編為大家?guī)淼腏query針對tr td的一些實(shí)用操作方法(必看篇)全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
jquery移除了live()、die(),新版事件綁定on()、off()的方法
下面小編就為大家?guī)硪黄猨query移除了live()、die(),新版事件綁定on()、off()的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了jquery+CSS3模擬Path2.0動畫菜單效果代碼,涉及jquery鼠標(biāo)click點(diǎn)擊事件及頁面元素樣式動態(tài)變換的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-08-08
jQuery插件Skippr實(shí)現(xiàn)焦點(diǎn)圖幻燈片特效
Skippr 是一個(gè)超級簡單的 jQuery 幻燈片插件。只是包括你的網(wǎng)頁中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了。Skippr 能夠自適應(yīng)窗口寬度，而且導(dǎo)航是獨(dú)特的條形導(dǎo)航。2015-04-04
利用JQuery動畫制作滑動菜單項(xiàng)效果實(shí)現(xiàn)步驟及代碼
滑動菜單項(xiàng)效果,聽起來就是很時(shí)尚的一個(gè)效果，不過實(shí)現(xiàn)起來有些麻煩，還好有本文的出現(xiàn)，可以幫助你解決這個(gè)困惑，熱愛特效的你可不要錯過了哈，好了話不多說切入正文2013-02-02
模擬select的代碼，使用jquery的朋友可以參考下。2011-10-10
利用jQuery實(shí)現(xiàn)可輸入搜索文字的下拉框
jQuery實(shí)現(xiàn)點(diǎn)擊下拉框輸入框時(shí)，自動顯示下面的下拉列表，而且是根據(jù)輸入框中輸入的搜索添加，自動在后臺查找，然后傳到前臺，展現(xiàn)頁面2013-10-10
基于jQuery插件jqzoom實(shí)現(xiàn)的圖片放大鏡效果示例
這篇文章主要介紹了基于jQuery插件jqzoom實(shí)現(xiàn)的圖片放大鏡效果,結(jié)合實(shí)例形式分析了jQuery插件jqzoom的使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-01-01
jQuery實(shí)現(xiàn)碰到邊緣反彈的動畫效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)碰到邊緣反彈的動畫,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-02-02
將JavaScript的jQuery庫中表單轉(zhuǎn)化為JSON對象的方法
這篇文章主要介紹了將JavaScript的jQuery庫中表單轉(zhuǎn)化為JSON對象的方法,包括對序列化時(shí)空格問題的處理方法,需要的朋友可以參考下2015-11-11
下面小編就為大家?guī)硪黄狫query基礎(chǔ)之事件操作詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06