具有限定子節(jié)點(diǎn)選擇器:$("mix1[mix2]"):返回包含mix2的mix1節(jié)點(diǎn).如:$("div[a]"):包含a標(biāo)簽的div.
這個(gè)和$("div a")不相同.后者表示div中的a標(biāo)簽,返回的是a標(biāo)簽對(duì)象,前者返回的是div標(biāo)簽對(duì)象
冒號(hào)限定結(jié)點(diǎn)選擇器:$("mix:condition"):mix標(biāo)簽,并且滿足限定條件.
E:root:類型為E,并且是文檔的根元素
E:nth-child(n):是其父元素的第n個(gè)類型為E的子元素 ,基數(shù)從1開(kāi)始
E:first-child:是其父元素的第1個(gè)類型為E的子元素
E:last-child:是其父元素的最后一個(gè)類型為E的子元素
E:only-child:且是其父元素的唯一一個(gè)類型為E的子元素
E:empty:沒(méi)有子元素（包括text節(jié)點(diǎn)）的類型為E的元素
E:enabled
E:disabled:類型為E,允許或被禁止的用戶界面元素
E:checked:類型為E,處于選中狀態(tài)的用戶界面元素（例如單選按鈕或復(fù)選框）
E:visible:選擇所有可見(jiàn)元素(display值為block或visible,visibility值為visible元素,不包括hide域)
E:hidden:選擇所有隱藏元素(非Hide域,且display值為block或visible,visibility值為visible的元素)
E:not(s):類型為E,不匹配選擇器s
E:eq(n),E:gt(n),E:lt(n):元素限定
E:first:相當(dāng)于E:eq(0)
E:last:最后一個(gè)匹配的元素
E:even:從匹配的元素集中取序數(shù)為偶數(shù)的元素
E:odd:從匹配的元素集中取序數(shù)為奇數(shù)的元素
E:parent:選擇包含子元素（包含text節(jié)點(diǎn)）的所有元素
E:contains('test'):選擇所有含有指定文本的元素
表單選擇器:
E:input:選擇表單元素(input,select,textarea,button)
E:text:選擇所有文本域(type="text")
E:password:選擇所有密碼域(type="password")
E:radio:選擇所有單選按鈕(type="radio")
E:checkbox:選擇所有復(fù)選框(type="checkbox")
E:submit:選擇所有提交按鈕(type="submit")
E:image:選擇所有圖像域 (type="image")
E:reset:選擇所有清除域(type="reset")
E:button:選擇所有按鈕(type="button")
當(dāng)然包括E:hidden

8.xPath路徑查詢:

先介紹下xPath的語(yǔ)法:
/:選取根節(jié)點(diǎn)
//:選取文檔中所有符合條件的節(jié)點(diǎn),不管該節(jié)點(diǎn)位于何處
.:選取當(dāng)前節(jié)點(diǎn)
..:選取單前節(jié)點(diǎn)的父節(jié)點(diǎn)
@:選取屬性,這個(gè)在之前說(shuō)過(guò)了(屬性選擇器)
nodename:選取節(jié)點(diǎn)下的所有節(jié)點(diǎn)
jQuery中的應(yīng)用:
根節(jié)點(diǎn)是很少用到的,常用的如下面的例子:
$("div/p")相當(dāng)于$("div>p")
$("div//p")相當(dāng)于$("div p")
$("http://div/../p"):所有div節(jié)點(diǎn)的父節(jié)點(diǎn)下的p標(biāo)簽
還有相對(duì)路徑的寫法以及支持的Axis選擇器,還不是會(huì)應(yīng)用,不介紹了...已經(jīng)一大堆了

$的其他用法:

$(html節(jié)點(diǎn)):根據(jù)提供的原始HTML標(biāo)記字符串,動(dòng)態(tài)創(chuàng)建由jQuery對(duì)象包裝的DOM元素.如:
$("Hello").appendTo("#body");//把Hello添加到body元素中
$(document):網(wǎng)頁(yè)文檔對(duì)象
$(document.body):網(wǎng)頁(yè)body對(duì)象,和$("body")是一樣的
$(函數(shù)):DOM載入后就執(zhí)行該函數(shù).所以$(document).ready()可以寫做$()
$(選擇器部分,選擇器來(lái)源):這個(gè)舉例說(shuō)明
$("input:radio",document.forms[0]):在文檔的第一個(gè)表單中,搜索所有單選按鈕
$("div",xml.responseXML):查詢指定XML文檔中的所有div元素
選擇器來(lái)源可以是:作為上下文的DOM元素,文檔或jQuery對(duì)象
還有兩個(gè):$.extend(prop)和$.noConflict()是和插件以及和其他庫(kù)兼容的使用,以后再寫

下拉框,單選框,多選框整理

1,下拉框:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜單的選中項(xiàng)的文本(注意中間有空格)
var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜單的選中項(xiàng)的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜單的選中項(xiàng)的ID屬性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("1111").appendTo("#select")//添加下拉框的option
稍微解釋一下:
1.select[@name='country'] option[@selected] 表示具有name 屬性，
并且該屬性值為'country' 的select元素 里面的具有selected 屬性的option 元素；
可以看出有@開(kāi)頭的就表示后面跟的是屬性。

2,單選框:
$("input[@type=radio][@checked]").val(); //得到單選框的選中項(xiàng)的值(注意中間沒(méi)有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //設(shè)置單選框value=2的為選中狀態(tài).(注意中間沒(méi)有空格)

3,復(fù)選框:
$("input[@type=checkbox][@checked]").val(); //得到復(fù)選框的選中的第一項(xiàng)的值
$("input[@type=checkbox][@checked]").each(function(){ //由于復(fù)選框一般選中的是多個(gè),所以可以循環(huán)輸出
alert($(this).val());
});

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined){} //判斷是否已經(jīng)打勾

最新評(píng)論