jQuery学习笔记（2）

 

10. 匹配包含给定文本的元素

 

HTML代码：
         < div >John </div>
         < div >George </div>
         < div >Malcom John </div>

jQuery代码：
            $("div:contains('John')")    

结果：
             < div >John </div>
            < div >Malcom John </div>
        

 

 

11. 匹配含有子元素或者文本的元素

 

HTML代码：

     < table >
         < tr > < td >1 </td> < td > </td> </tr>
         < tr > < td >2 </td> < td > </td> </tr>
     </table>    

jQuery代码：
        $("td:parent")    

结果：
         < td >1 </td>, < td >1 </td>
        

 

 

12. 匹配所有的不可见元素，input 元素的 type 属性为 "hidden" 的话也会被匹配到

  

 

HTML代码：
     < table >
         < tr style ="display:none" >
             < td >1 </td>
         </tr>
         < tr >
             < td >2 </td>
         </tr>
     </table>    

jQuery代码：
        $("tr:hidden")    

结果：
         < tr style ="display:none" >
                 < td >1 </td>
         </tr>

 

 

13.匹配给定的属性是某个特定值的元素

 

HTML代码：

     < input type ="checkbox" name ="letter" value ="Fuzz" />

     < input type ="checkbox" name ="letter" value ="Cold" />

< input type ="checkbox" name ="accept" value ="Evil" />    

jQuery代码：
    
    $("input[name='letter']").attr("checked", true);    

结果：
     < input type ="checkbox" name ="letter" value ="Hot" checked ="true" />,    
     < input type ="checkbox" name ="letter" value ="Cold" checked ="true" />
        

    

 

14.匹配给定的属性是不包含某个特定值的元素

 

HTML代码：

     < input type ="checkbox" name ="letter" value ="Hot" />

     < input type ="checkbox" name ="letter" value ="Cold" />

     < input type ="checkbox" name ="accept" value ="Evil" />

jQuery代码：
        
    $("input[name!='letter']").attr    ("checked",true);    

结果：
     < input type ="checkbox" name ="accept" value ="Evil" checked ="true" />    
        
    

 

15.匹配给定的属性是以某些值开始的元素

 

HTML代码：

     < input name ="letter" />
     < input name ="milkman" />
     < input name ="boy" />    

jQuery代码：

    $("input[name^='news']")    

结果：
     < input name ="letter" />
     < input name ="boy" />
        

    

 

16.匹配给定的属性是以某些值结尾的元素

 

HTML代码：
    
         < input name ="letter" />
         < input name ="milkman" />
         < input name ="jobletter" />    

jQuery代码：
        
        $("input[name$='letter']")

结果：
     < input name ="letter" />    
     < input name ="jobletter" />