jquery中的過濾選擇器和節(jié)點

《jquery中的過濾選擇器和節(jié)點》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、JQuery中的過濾選擇器和節(jié)點目錄?基本過濾選擇器?內(nèi)容過濾選擇器?可見度過濾選擇器?屬性過濾選擇器?子元素過濾選擇器?表單對象屬性過濾選擇器?JQuery對象的val()和text()方法的使用一.記錄:過濾選擇器：主要是通過特定的過濾規(guī)則來篩選出所需的DOM元素，該選擇器都以“:”開頭；按照不同的過濾規(guī)則，過濾選擇器可以分為基本過濾，內(nèi)容過濾，可見性過濾，屬性過濾，子元素過濾和表單對象屬性過濾選擇器；?基本過濾選擇器n1、:first用法:$(”tr:first”);返回值單個元素的組成的集合說明:匹配找到的第一個元素n2、:last用法:$(”tr:last”)返回值集合

2、元素說明:匹配找到的最后一個元素.與:first相對應(yīng).n3、:not(selector)用法:$(”input:not(:checked)”)返回值集合元素說明:去除所有與給定選擇器匹配的元素.有點類似于”非”,意思是沒有被選中的input(當input的type=”checkbox”).n4、:even用法:$(”tr:even”)返回值集合元素說明:匹配所有索引值為偶數(shù)的元素，從0開始計數(shù).js的數(shù)組都是從0開始計數(shù)的.例如要選擇table中的行,因為是從0開始計數(shù),所以table中的第一個tr就為偶數(shù)0.n5、:odd用法:$(”tr:odd”)返回值集合元素說明:匹配所

3、有索引值為奇數(shù)的元素,和:even對應(yīng),從0開始計數(shù).n6、:eq(index)用法:$(”tr:eq(0)”)返回值集合元素說明:匹配一個給定索引值的元素.eq(0)就是獲取第一個tr元素.括號里面的是索引值,不是元素排列數(shù).n7、:gt(index)用法:$(”tr:gt(0)”)返回值集合元素n說明:匹配所有大于給定索引值的元素.n8、:lt(index)用法:$(”tr:lt(2)”)返回值集合元素說明:匹配所有小于給定索引值的元素.n9、:header(固定寫法)用法:$(”:header”).css(”background”,“#EEE”)返回值集合元素說明:匹配如h

4、1,h2,h3之類的標題元素.這個是專門用來獲取h1,h2這樣的標題元素.n10、:animated(固定寫法)返回值集合元素說明:匹配所有正在執(zhí)行動畫效果的元素?內(nèi)容過濾選擇器內(nèi)容過濾選擇器的過濾規(guī)則主要體現(xiàn)在它所包含的子元素和文本內(nèi)容上n1、:contains(text)--------***************用法:$(”div:contains(’John’)”)返回值集合元素說明:匹配包含給定文本的元素.這個選擇器比較有用，當我們要選擇的不是dom標簽元素時,它就派上了用場了,它的作用是查找被標簽”圍”起來的文本內(nèi)容是否符合指定的內(nèi)容的.n2、:empty用法:$(

5、”td:empty”)返回值集合元素說明:匹配所有不包含子元素或者文本的空元素n3、:has(selector)用法:$(”div:has(p)”).addClass(”test”)返回值集合元素說明:匹配含有選擇器所匹配的元素的元素.這個解釋需要好好琢磨,但是一旦看了使用的例子就完全清楚了:給所有包含p元素的div標簽加上class=”test”.n4、:parent用法:$(”td:parent”)返回值集合元素說明:匹配含有子元素或者文本的元素.注意:這里是”:parent”,可不是”.parent”哦!感覺與上面講的”:empty”形成反義詞.?可見度過濾選擇器可見度過濾

6、選擇器是根據(jù)元素的可見和不可見狀態(tài)來選擇相應(yīng)的元素n1、:hidden用法:$(”tr:hidden”)返回值集合元素說明:匹配所有的不可見元素，input元素的type屬性為“hidden”的話也會被匹配到.意思是css中display:none和inputtype=”hidden”的都會被匹配到.同樣,要在腦海中徹底分清楚冒號”:”,點號”.”和逗號”,”的區(qū)別.n2、:visible用法:$(”tr:visible”)返回值集合元素說明:匹配所有的可見元素.?屬性過濾選擇器屬性過濾選擇器的過濾規(guī)則是通過元素的屬性來獲取相應(yīng)的元素n1、[attribute]用法:$(”div

7、[id]“);返回值集合元素說明:匹配包含給定屬性的元素.例子中是選取了所有帶”id”屬性的div標簽.n2、[attribute=value]用法:$(”input[name='newsletter']“).attr(”checked”,true);返回值集合元素說明:匹配給定的屬性是某個特定值的元素.例子中選取了所有name屬性是newsletter的input元素.n3、[attribute!=value]用法:$(”input[name!='newsletter']“).