真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

jquery選擇符必備知識(shí)點(diǎn)

 CSS選擇符包括通配選擇符、ID選擇符、屬性選擇符、包含選擇符、類選擇符等,他們的基本格式為:
    通配選擇符:$("#ID *") 表示該元素下的所有元素。 

    ID選擇符:$("#ID") 表示獲得指定ID的元素。 

    屬性選擇符:$("input[type=text]") 表示type屬性為text的所有input元素。 

    包含選擇符:$("ul li a") 表示ul元素下所有的li元素里的所有a元素。 

    類選擇符:$(".Class") 表示所有引用Class樣式的元素。 

當(dāng)然這些選擇符是可以配合使用的比如說:$("#ID input[type=text]"),這種寫法表示指定ID元素下的type屬性為text的所有input元素。在JQuery中有些細(xì)微的改動(dòng)都是非常有趣的,比如$("ul li").addClass("Class")和$("ul > li").addClass("Class"),他們顯示出來的效果是不同的,第一種是將ul下的所有l(wèi)i元素添加樣式,第二種是將ul下的第一個(gè)li元素添加樣式,具體更多的使用方法可以自行測(cè)試。 

  XPath選擇符(自1.3版本后已經(jīng)不支持,但也可了解下)所涵蓋的內(nèi)容不多,他們的基本格式為: 

    $("[@title]") 表示選擇所有元素內(nèi) 屬性帶有title的元素。 

    $("[@title^=t]") 表示所有屬性title值是以t為開頭的元素。 

    $("[@title$=t]") 表示所有屬性title值是以t為結(jié)尾的元素。 
    $("[@title*=t]") 表示所有屬性title值是包含t的元素。 

XPath選擇符和CSS選擇符一樣,也可以配合使用,可以多個(gè)XPath選擇符一起使用,也可以和CSS選擇符一起使用,所以想要達(dá)到你想要的要求用JQuery方法是有很多種的。 

  自定義選擇符是選擇以一個(gè)冒號(hào)(:)開頭的一種選擇符,說到自定義選擇符,那就不說到我們經(jīng)常用到:gt()、:eq()、:odd、:even,這些是我們最常用到的,比如:odd和:even這兩個(gè)我們通常用他來做有條紋樣式的表格,使用方法相當(dāng)簡(jiǎn)單,如 $("#table tr:odd").addClass("odd")和$("#table tr:even").addClass("even")只要簡(jiǎn)單的使用兩行代碼就可以制作出我們想要的條紋樣式。 

  當(dāng)然在實(shí)際開發(fā)中我們一般會(huì)使用選擇符配合DOM遍歷方法來進(jìn)行操作,如: 

     $("#table td:contains('Window窗口')").parent().find("td:gt(0)").addClass("highlight") 

  這句代碼表示取得'Window窗口'單元格,再取得他的父級(jí)元素,然后找到該元素中包含的所有編號(hào)大于0的單元格。當(dāng)然有些方法是可以簡(jiǎn)化的,在這里我只是為了表示JQuery的連綴效果,這種格式也是不推薦的,我本人一般是這樣書寫的: 

     $("#table td:contains('Window窗口')") 
.parent()    //獲取父級(jí) 
.find("td")   //找到td元素 
.not(":contains('Window窗口')")   //不是window窗口的元素 
.addClass("highlight");  //添加樣式 

將他們分開,后面標(biāo)明,以便于增強(qiáng)可讀性。 

下面我提供幾個(gè)在實(shí)際開發(fā)最常用的代碼(由于實(shí)在太晚,扛不住了!): 

     $("input[type='text']").val(''); //清空所有文本框 
$("#text input:text").val('');//清空text元素下所有文本框 

    //獲取選中的所有CheckBox的值 

     $("input:checkbox:checked").each(function() { 
alert($(this).val()); 
}); 

     $("select option:selected").val()//獲取選中的下拉框的值 

     $("select option:selected").text()//獲取選中的下拉框的文本 

創(chuàng)新互聯(lián)從2013年成立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都網(wǎng)站建設(shè)、成都做網(wǎng)站網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元竹溪做網(wǎng)站,已為上家服務(wù),為竹溪各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792


當(dāng)前題目:jquery選擇符必備知識(shí)點(diǎn)
本文來源:http://weahome.cn/article/jchpgo.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部