具有限定子節(jié)點選擇器:$("mix1[mix2]"):返回包含mix2的mix1節(jié)點.如:$("div[a]"):包含a標(biāo)簽的div.
這個和$("div a")不相同.后者表示div中的a標(biāo)簽,返回的是a標(biāo)簽對象,前者返回的是div標(biāo)簽對象
冒號限定結(jié)點選擇器:$("mix:condition"):mix標(biāo)簽,并且滿足限定條件.
E:root:類型為E,并且是文檔的根元素
E:nth-child(n):是其父元素的第n個類型為E的子元素 ,基數(shù)從1開始
E:first-child:是其父元素的第1個類型為E的子元素
E:last-child:是其父元素的最后一個類型為E的子元素
E:only-child:且是其父元素的唯一一個類型為E的子元素
E:empty:沒有子元素（包括text節(jié)點）的類型為E的元素
E:enabled
E:disabled:類型為E,允許或被禁止的用戶界面元素
E:checked:類型為E,處于選中狀態(tài)的用戶界面元素（例如單選按鈕或復(fù)選框）
E:visible:選擇所有可見元素(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:最后一個匹配的元素
E:even:從匹配的元素集中取序數(shù)為偶數(shù)的元素
E:odd:從匹配的元素集中取序數(shù)為奇數(shù)的元素
E:parent:選擇包含子元素（包含text節(jié)點）的所有元素
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的語法:
/:選取根節(jié)點
//:選取文檔中所有符合條件的節(jié)點,不管該節(jié)點位于何處
.:選取當(dāng)前節(jié)點
..:選取單前節(jié)點的父節(jié)點
@:選取屬性,這個在之前說過了(屬性選擇器)
nodename:選取節(jié)點下的所有節(jié)點
jQuery中的應(yīng)用:
根節(jié)點是很少用到的,常用的如下面的例子:
$("div/p")相當(dāng)于$("div>p")
$("div//p")相當(dāng)于$("div p")
$("http://div/../p"):所有div節(jié)點的父節(jié)點下的p標(biāo)簽
還有相對路徑的寫法以及支持的Axis選擇器,還不是會應(yīng)用,不介紹了...已經(jīng)一大堆了
$的其他用法:
$(html節(jié)點):根據(jù)提供的原始HTML標(biāo)記字符串,動態(tài)創(chuàng)建由jQuery對象包裝的DOM元素.如:
$("Hello").appendTo("#body");//把Hello添加到body元素中
$(document):網(wǎng)頁文檔對象
$(document.body):網(wǎng)頁body對象,和$("body")是一樣的
$(函數(shù)):DOM載入后就執(zhí)行該函數(shù).所以$(document).ready()可以寫做$()
$(選擇器部分,選擇器來源):這個舉例說明
$("input:radio",document.forms[0]):在文檔的第一個表單中,搜索所有單選按鈕
$("div",xml.responseXML):查詢指定XML文檔中的所有div元素
選擇器來源可以是:作為上下文的DOM元素,文檔或jQuery對象
還有兩個:$.extend(prop)和$.noConflict()是和插件以及和其他庫兼容的使用,以后再寫
下拉框,單選框,多選框整理
1,下拉框:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜單的選中項的文本(注意中間有空格)
var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜單的選中項的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜單的選中項的ID屬性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("1111").appendTo("#select")//添加下拉框的option
稍微解釋一下:
1.select[@name='country'] option[@selected] 表示具有name 屬性，
并且該屬性值為'country' 的select元素 里面的具有selected 屬性的option 元素；
可以看出有@開頭的就表示后面跟的是屬性。
2,單選框:
$("input[@type=radio][@checked]").val(); //得到單選框的選中項的值(注意中間沒有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //設(shè)置單選框value=2的為選中狀態(tài).(注意中間沒有空格)
3,復(fù)選框:
$("input[@type=checkbox][@checked]").val(); //得到復(fù)選框的選中的第一項的值
$("input[@type=checkbox][@checked]").each(function(){ //由于復(fù)選框一般選中的是多個,所以可以循環(huán)輸出
alert($(this).val());
});
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined){} //判斷是否已經(jīng)打勾
