table
創(chuàng)新互聯(lián)作為成都網(wǎng)站建設(shè)公司,專注網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì),有關(guān)企業(yè)網(wǎng)站制作方案、改版、費(fèi)用等問題,行業(yè)涉及成都火鍋店設(shè)計(jì)等多個(gè)領(lǐng)域,已為上千家企業(yè)服務(wù),得到了客戶的尊重與認(rèn)可。
class="table
table-hover"
id="test123"
tr
th
width="45"選擇/th
th
width="100"駕校名稱/th
th
width="100"合作駕校名稱/th
th
width="100"申請時(shí)間/th
th
width="100"申請狀態(tài)/th
th
width="100"操作/th
/tr
tr
tdinput
type="checkbox"
name="id"
value="1"
//td
td中大駕校/td
td瀟湘駕校/td
td2016-04-15
14:40:20/td
td
class="tablestate"未處理/td
tda
class="change
button
border-blue
button-little
update"
href="#"修改申請狀態(tài)/a/td
/tr
tr
tdinput
type="checkbox"
name="id"
value="1"
//td
td中大駕校/td
td瀟湘駕校/td
td2016-04-15
14:40:20/td
td
class="tablestate"未處理/td
tda
class="change
button
border-blue
button-little
update"
href="#"修改申請狀態(tài)/a/td
/tr
/table
擴(kuò)展資料:
遍歷同胞:
siblings():被選中時(shí)找到自己的兄弟姐妹,寫法有siblings(所有的兄弟姐妹)和siblings(“同級的兄弟姐妹”)。
next():被選中時(shí)找到自己的下級,寫法有
nextAll(找到所有的下級)和next(“找到下一個(gè)元素”)和nextuntil("被選中的元素的范圍內(nèi)的元素")。
prev(),
prevAll()
以及
prevUntil()
方法的工作方式與上面的方法類似,只不過方向相反:它們返回的是前面的同胞元素(在
DOM
樹中沿著同胞元素向后遍歷,而不是向前)。
first():返回被選中的第一元素
,寫法
$("div
p").first().css("樣式")
。
last():被選中的最后一個(gè)元素,寫法
$("div
p").last().css(”樣式“)
。
eq():返回被選中元素中有索引的元素,索引號,是從0開始不是從1開始比如tr.eq(0).id
==data.eq[i-1].id
或者
tr[0].id
=
data[i-1].id。
filter():刪除真正意義上的過濾,寫法
$("div
").filter("span").hide()
。
not():就是跟filter()相反的用法。
使用 each?方法, 假設(shè)你的?jQuer?元素是 el ,?大概代碼是:
$(el).each(function(index,el){
console.log( $(el).attr('id') );
})
each?是 jQuery?提供的遍歷方法,第一個(gè)參數(shù)是索引,第二個(gè)參數(shù)是遍歷對象的值。
方法是很多的
如果要遍歷的是元素,用JQuery中的Each方法就可
如:$(".box").each(function( index, elem ) { //index是索引值,elem就是遍歷的元素
.....
})
如果要獲取每一個(gè)Jquery對象,則用for循環(huán)并使用eq方法
如:
for( var i=0;i$(".box").size();i++ )
{
$(".box").eq(i); //這樣就獲取到了每一個(gè)JQuery對象
}
遍歷子元素:
jquery中遍歷子元素,可以利用 $("#ul_tagsdl")? 這種需要是直接的子節(jié)點(diǎn),或 $("div#ul_tags:dl") 也是可以的,也可以直接使用$("div#ul_tags a")的形式。
jQuery:
jQuery是一個(gè)快速、簡潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
語言特點(diǎn):
1.快速獲取文檔元素
jQuery的選擇機(jī)制構(gòu)建于Css的選擇器,它提供了快速查詢DOM文檔中元素的能力,而且大大強(qiáng)化了JavaScript中獲取頁面元素的方式。
2.提供漂亮的頁面動態(tài)效果
jQuery中內(nèi)置了一系列的動畫效果,可以開發(fā)出非常漂亮的網(wǎng)頁,許多網(wǎng)站都使用jQuery的內(nèi)置的效果,比如淡入淡出、元素移除等動態(tài)特效。
3.創(chuàng)建AJAX無刷新網(wǎng)頁
AJAX是異步的JavaScript和ML的簡稱,可以開發(fā)出非常靈敏無刷新的網(wǎng)頁,特別是開發(fā)服務(wù)器端網(wǎng)頁時(shí),比如PHP網(wǎng)站,需要往返地與服務(wù)器通信,如果不使用AJAX,每次數(shù)據(jù)更新不得不重新刷新網(wǎng)頁,而使用AJAX特效后,可以對頁面進(jìn)行局部刷新,提供動態(tài)的效果。
4.提供對JavaScript語言的增強(qiáng)
jQuery提供了對基本JavaScript結(jié)構(gòu)的增強(qiáng),比如元素迭代和數(shù)組處理等操作。
5.增強(qiáng)的事件處理
jQuery提供了各種頁面事件,它可以避免程序員在HTML中添加太事件處理代碼,最重要的是,它的事件處理器消除了各種瀏覽器兼容性問題。
6.更改網(wǎng)頁內(nèi)容
jQuery可以修改網(wǎng)頁中的內(nèi)容,比如更改網(wǎng)頁的文本、插入或者翻轉(zhuǎn)網(wǎng)頁圖像,jQuery簡化了原本使用JavaScript代碼需要處理的方式。