首先下載好jquery,這里使用的是3.2.1版本;
為惠州等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及惠州網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、惠州網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
!-- 新建一個簡單的表格,這里2 * 2的表格 --
table border="1" id="table"
tr
tdTom/tdtdBibu/td
/tr
tr
tdHello/tdtdTest/td
/tr
/table
第一種:直接獲取table 總td的值。
$("table").each(function(){ ?// 獲取表格table中,第幾個td的文本
var t1 =$(this).find('td').eq(2).text();
alert(t1);
})
第二種:獲取在頁面上點擊對應(yīng)的表格獲取點擊的值
//點擊id = table 中選中的值獲取選中的值
$("#table td").click(function(){
alert($(this).text());
});
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨特的鏈式語法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
需要準備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery,編寫問題基礎(chǔ)代碼。
2、在index.html中的script標簽,輸入jquery代碼:
$('body').append($('tr').find('td:eq(0)').text());
3、瀏覽器運行index.html頁面,此時成功取到了表格的第一頁數(shù)據(jù)并打印。
var v =$('td').html();//這是只有一個td的情況下
//.如果是多個就要用循環(huán)
$('td').each(function(index, element) {
var v =$(this).html();
});