新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
怎么在jQuery中使用過(guò)濾器
這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)怎么在jQuery中使用過(guò)濾器,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)建站專注于靈臺(tái)企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),商城建設(shè)。靈臺(tái)網(wǎng)站建設(shè)公司,為靈臺(tái)等地區(qū)提供建站服務(wù)。全流程按需定制設(shè)計(jì),專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)
HTML正文:
1 | 1 | 1 | 1 |
2 | 2 | 2 | 2 |
3 | 3 | 3 | 3 |
4 | 4 | 4 | 4 |
5 | 5 | 5 | 5 |
1 | 1 | 1 | 1 |
2 | 2 | 2 | 2 |
3 | 3 | 3 | 3 |
4 | 4 | 4 | 4 |
5 | 5 | 5 | 5 |
1 | 1 | 1 | 1 | 1 |
2 | 2 | 2 | 2 | 2 |
3 | 3 | 3 | 3 | 3 |
4 | 4 | 4 | 4 | 4 |
5 | 5 | 5 | 5 | 5 |
Javascript操作代碼:
$('#b1').click(function(){ /*table:eq(0) tr:even table:eq(0):篩選出第一張表格 tr:even:篩選出tr屬性的對(duì)象 *注意table和tr對(duì)象中間有空格,表示從屬關(guān)系 */ $('table:eq(0) tr:even').css("background","red"); }); $('#b2').click(function(){ $('table:eq(0) tr:odd').css("background","green"); }); $('#b3').click(function(){ $('table:eq(1) td:even').css("background","red"); }); $('#b4').click(function(){ $('table:eq(1) td:odd').css("background","green"); }); $('#b5').click(function(){ $('table:eq(2) td:even').css("background","green"); });
效果:
上述就是小編為大家分享的怎么在jQuery中使用過(guò)濾器了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)頁(yè)題目:怎么在jQuery中使用過(guò)濾器
網(wǎng)站地址:http://fisionsoft.com.cn/article/goegcd.html