DIV CSS 佈局教程網

jquery選擇過濾
編輯:JQuery特效代碼     

$(myForm.elements).

jquery選擇過濾學習:
$("tr:even")----匹配所有的偶數行(索引值查詢)
$("tr:odd")----匹配所有的技術行
$("tr:eq(2)")----匹配下標為2的tr元素內容
$("tr:gt(1)")----匹配所有下標大於1的行
$("tr:lt(2)")----匹配所有下標小於2的行
$("div:not(:animated)").animate({left:"+=20"},1000);
----只有對不在執行動畫效果的元素執行一個動畫效果
$("#login:focus"); ----當頁面加載後將id為"login"的元素設置為焦點
$("div:contains('John')")----查找所有包含"Join"的div元素
$("td:empty");----查找所有不包含子元素或者文本的空元素
$("div:has(p)").addClass("test");----給多有包含p元素的div元素添加一個text的類
$("td:parent")----查找所有含有子元素或者文本的td元素
$("input:hidden")----匹配type為hidden的元素(或者查找隱藏的tr,$("tr:hidden"),-----------style(disply:none)表示被隱藏)

$("tr:visible")----查找所有可視的tr元素

$("div[id]")----查找所有含有id屬性的div元素
$("input[name='newslstter']").attr("checked",true);
$("input[name!='newslstter']").attr("checked",true);
$("input[name^='news']")-----以news開頭的input元素
$("input[name$='news']")-----以news結尾的input元素
$("input[name*='man']")----查找所有name包含main的input元素
$("input[id][name$='man']")----找到所有含有id屬性,並且它的name值以man結尾的元素
$("ul li:nth-child(2)")----在每個ul中查找第二個li
$("ul li:first-child")
$("ul li:last")
$("ul li:only-child")----在ul中查找是唯一子元素的li

$(":input")----查找所有的input元素
$(":text")----查找所有的單行文本框
$(":password")----查找所有的密碼框
$(":...")----查找所有的...

$(":ennabled")
$(":disabled")----匹配所有不可用的元素
$(":checked")----查找所有選中的復選框的元素(復選框、單選框等不包括select的option)
$(":selected")----匹配所有選中的option元素

$("div,span,p.myClass")----找到匹配任意一個類的元素
$("form input")----找到表單中所有的input元素
$("form > input")----匹配表單中所有的子級input元素
$("lable + input")----匹配所有跟在lable後面的input元素
$("form input")----找到所有與表單同輩的input元素

$("input[type='checkbox']").prop("checked");----選中為true,未選中為false
$("input[type='checkbox']").prop({disabled:true});----禁用頁面上的所有復選框

$("input[type='checkbox']").prop("chehcked",function(i,val){
return !val;
}); ------通過函數來設置所有頁面上的復選框被選中

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved