1. :contains(text)用法定義:匹配包含給定文本的元素返回值:Array<Element> 參數(shù):text (String) : 一個用以查找的字符串 實例:將ID為"div_a1"的DIV中含有'aaa'的DIV元素的背景色改為紅色 代碼: $("#div_a1 :contains(aaa)").css("background-color","red"); //點擊按鈕一將執(zhí)行這句代碼 DIV ID="div_a1" DIV ID="div_a2" aaa
DIV ID="div_a3" bbb
DIV ID="div_a4" aaa
DIV ID="div_a5" aaa 2. :empty用法定義:匹配所有不包含子元素或者文本的空元素返回值:Array<Element> 實例:將ID為"div_b1"的DIV中所有不包含子元素或者文本的空元素的背景色改為紅色 代碼: $("#div_b1 :empty").css("background-color","red"); //點擊按鈕二將執(zhí)行這句代碼 DIV ID="div_b1" 注意:input元素會被認(rèn)會是空元素DIV ID="div_b2"
DIV ID="div_b5" 3. :has(selector)用法定義:匹配含有選擇器所匹配的元素的元素返回值:Array<Element> 參數(shù):selector (Selector) : 一個用于篩選的選擇器 實例:將ID為"div_c1"的DIV中所有包含span元素的元素的背景色改為紅色 代碼: $("#div_c1 :has(span)").css("background-color","red"); //點擊按鈕三將執(zhí)行這句代碼 DIV ID="div_c1" DIV ID="div_c2" span
DIV ID="div_c3"
DIV ID="div_c4" span span span
DIV ID="div_c5" span 4. :parent用法定義:匹配含有子元素或者文本的元素返回值:Array<Element> 實例:將ID為"div_d1"的DIV中所有包含子元素或者文本的元素的背景色改為紅色 代碼: $("#div_d1 :parent").css("background-color","red"); //點擊按鈕四將執(zhí)行這句代碼 DIV ID="div_d1" DIV ID="div_d2"
DIV ID="div_d5" |
|
|