一、基礎選擇器的使用
$("divid") 選擇id未divid的元素
$("a") 選擇所有元素
$(".bgred")選擇所用css類未bgred的元素
$("*") 選擇頁面所用元素
$("#divid,a,.bgred") 同時匹配多個
二、層次選擇器
$("bgred div") 選擇css類為bgred的元素中的所有
$(".mylist>li")選擇css類為mylist元素中的直接子節點物件
$("#hibiscus+img")選在id為hibiscus元素後面的img物件
$("#somediv~[title]")選擇id為somediv的物件後面所有帶有title屬性的元素
三、基本過濾器
$("td:nth-child(1)") 表示選擇所有**行的第乙個單元格
$("div:nth-child(odd)") 表示div下的乙個奇數字置上的子元素
$("p:first-child")
$("p:ood")選擇所有位於奇數行的標記
注:ood奇數 even偶數
$("tr:first") 查詢**的第一行
$("tr:last") 查詢**的最後一行
$("p:only-child") 所有沒有兄弟的元素 選擇p元素是其父元素的唯一的子元素
$("input:not(:checked)") 查詢所有未選中的input元素
$("tr:even") 查詢**的1、3、5、7....行
$("tr:odd") 查詢**的2、4、6、8....行
$("tr:eq(1)") 查詢第二行
$("tr:gt(0)") 查詢第二第三行,即索引值是1和2..,也就是比0大
$("tr:lt(2)") 查詢第一第二行,即索引值是0或1,也就是比2小
$(":header").css("background","#eee") 給頁面內所有標題加上背景色
$("#run").click(function(),1000);})只有對不在執行動畫效果的元素執行的乙個動畫效果
四、內容過濾器
$("div:contains('john')") 查詢所有包含文字"john"的div元素
$("td:empty")查詢所有不包含子元素或者文字的空元素
$("div:has(p)").addclass("test"))給所有包含p元素的div元素新增乙個test類
$("td:parent") 查詢所有含有子元素或者文字的td元素
五、可見性過濾器
$("tr:hidden") 查詢所有不可見的tr元素
$("tr:visible")查詢所有可見的tr元素
六、屬性過濾器
$("div[id]") 查詢所有含有id屬性的div元素
$("input[name='news']").attr("checked",true) 查詢所有name屬性石news的input元素
$("input[name!='news']".attr("checked",true) 查詢所有name屬性不是news的input元素
$("input[name^='news']")匹配給定的屬性是以某些值開始的元素
$("input[name$='let']") 匹配給定的屬性是以某些值結尾的元素
$("input[id][name$='man']") 同時滿足多個條件時使用
七、子元素過濾器
$("ul li:nth-child(2)")在每個ul查詢第二個li
$("ul li:first-child") 在每個ul中查詢第乙個li
$("ul li:last-child") 在每個ul中查詢最後乙個li
$("ul li:only-child") 在ul中查詢唯一子元素的li
八、表達選擇器
$(":input") 查詢所有的input元素
$(":selected")下拉列表中選擇的項
$(":radio")
$(":header")
$(":enabeled")
$(":animated")所有處於動畫中的元素
$(":not(filter)")
$(":text") 查詢所有的文字框
$(":password") 查詢所有的密碼框
$(":checkbox") 查詢所有核取方塊
$(":submit") 查詢所有提交按鈕
$(":image")匹配所有的影象域
$(":reset") 查詢所有的重置按鈕
$("button")查詢所有按鈕(包含type=button|submit|reset)
$("file") 查詢所有的文字域
$("visible") 頁面中所有可見的元素
九、表單過濾器
$("input:enabled")查詢所有可用的input元素
$("input:disabled")查詢所有不可用的input元素
$("input:checked") 查詢所有選中的核取方塊元素
$("select option:selected") 查詢所有選中的選項元素
$("a[href$=pdf]") 表示所有超連結中href屬性石pdf結尾的
$("div[id]") 查詢所有含有id屬性的div元素
$("div[id='aja']") 查詢id為aja的div元素
$("div[id!='aja']")查詢id不為aja的div元素
$("div[id^='aja'") 查詢id以aja開通的div元素
$("div[id]*='aja'")查詢id含aja的div元素
$("div[id][class='aja']") 查詢存在id屬性且類為aja的div元素
$("li:has(a)") 包含超連結的所有li標記
管理選擇
$("checkbox[name=a]").size() 獲得元素的個數
$("checkbox[name=a].get(index)") 提取元素
$("checkbox[name=a].index() 取出當前的索引
$("img[alt]").add("img[title]") 新增元素
$("div").not(".greenn,#bluee")
$("li[title].not("img[title*=isaac]")") not("不能不含特定的元素")
jQuery基本知識
核心 操作dom 通過物件導向 1.jq是一種鏈式操作 可以拿到dom元素 document ready function 等同於 function document ready function 等同 document ready function 原理 function id id 一種炫酷效果...
Jquery 基本知識 一
1.dom物件 通過例如getelementbyid方法獲取到dom樹中的元素就是dom物件 jquery物件 通過jquery包裝dom物件後產生的物件 注意 jquery物件和dom物件不能使用對方的任何方法 2.dom物件和jquery物件之間的轉化 jquery物件轉成dom物件有兩種方法 ...
Jquery 基本知識 一
1.dom物件 通過例如getelementbyid方法獲取到dom樹中的元素就是dom物件 jquery物件 通過jquery包裝dom物件後產生的物件 注意 jquery物件和dom物件不能使用對方的任何方法 2.dom物件和jquery物件之間的轉化 jquery物件轉成dom物件有兩種方法 ...