jQuery

最新推荐文章于 2022-11-16 10:54:32 发布

weixin_30892987

最新推荐文章于 2022-11-16 10:54:32 发布

阅读量42

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yjh1604600160/p/bj1.html

版权

内容

$("div:contains('John')");
查找所有包含 "John" 的 div 元素

$("td:empty");
查找所有不包含子元素或者文本的空元素

$("div:has(p)").addClass("test");
给所有包含 p 元素的 div 元素添加一个 text 类

$("td:parent");
查找所有含有子元素或者文本的x元素

可见性

$("tr:hidden");
查找隐藏的tr //<tr style="display:none;"></tr>
匹配type为hidden的元素 // <tr type="hidden"></tr>

$("tr:visible");
查找所有可见的tr元素

属性

$("div[id]");
查找所有含有 id 属性的 div 元素

$("input[name='newsletter']").attr("checked", true);
查找所有 name 属性是 newsletter 的 input 元素

$("input[name!='newsletter']").attr("checked", true);
查找所有 name 属性不是 newsletter 的 input 元素

$("input[name^='news']");
查找所有 name 以 'news' 开始的 input 元素

$("input[name$='letter']");
查找所有 name 以 'letter' 结尾的 input 元素

$("input[name*='man']");
查找所有 name 包含 'man' 的 input 元素

$("input[id][name$='man']");
找到所有含有 id 属性，并且它的 name 属性是以 man 结尾的

<!DOCTYPE html>
<html>
    <head>
        <script src="jquery/jquery-1.11.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#but1").click(function(){
                    $("#cs p:contains('x')").toggle();        
                });    //查找所有含x的#cs p

                $("#but2").click(function(){
                    $("p:empty").html();        
                });    //

                $("#but3").click(function(){
                    $("div:has(p)").addClass("test");        
                });    //
                
                $("#but4").click(function(){
                    $("p:parent").show();        
                });    //含有子或文本的p
                
                //内容
                
                
                $("#but5").click(function(){
                    $("#cs p:hidden").show();        
                });    //查找隐藏的#cs p
                    
                $("#but6").click(function(){
                    $("p:visible").hide();        
                });    //查找所有可见的p
                    
                //可见性
                    
                    
                $("#but7").click(function(){
                    $("div[id]").hide();        
                });    //查找所有含有id的div
                    
                $("#but8").click(function(){
                    $("input[name='wq']").hide();        
                });    //查找所有name=wq的input    
                
                $("#but9").click(function(){
                    $("p[name!='wq']").hide();        
                });    //查找所有name!=wq的p
                    
                $("#but10").click(function(){
                    $("p[name^='x']").hide();        
                });    //;查找所有name以x开始的p
                
                $("#but11").click(function(){
                    $("p[name$='1']").show();        
                });    //查找所有name以1结尾的p
                
                $("#but12").click(function(){
                    $("input[name*='w']").show();        
                });    //查找所有name包含w的input
                    
                $("#but13").click(function(){
                    $("p[id][name$='2']").hide();        
                });    //找到所有id,并`且它的name以2结尾的p
                
                
                
            });
        </script>
    </head>
    <style>
        .text{
        background:red;
        }
    
    
    </style>
    <body>
        <div>
            <input id="but1" type="button" value="查找" name="wq">
            <input id="but2" type="button" value="失败">
            <input id="but3" type="button" value="失败">
            <input id="but4" type="button" value="所有文本">
            
            <input id="but5" type="button" value="不可见">
            <input id="but6" type="button" value="可见">
            
            <input id="but7" type="button" value="所有id">
            <input id="but8" type="button" value="所有name">
            <input id="but9" type="button" value="所有name!=">
            <input id="but10" type="button" value="name开头">
            <input id="but11" type="button" value="name结尾">
            <input id="but12" type="button" value="name包含">
            <input id="but13" type="button" value="name开头">
            
            
            
            
        </div>
        <div id="cs">
            <p name="x1">x 123</p>
            <p style="display:none;">y 123</p>
            
        </div>
        <div id="cx">
            <p id="z" name="x2" type="hidden">z 123</p>
        
        </div>
    </body>
</html>

转载于:https://www.cnblogs.com/yjh1604600160/p/bj1.html

weixin_30892987

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery

内容 $("div:contains('John')"); 查找所有包含 "John" 的 div 元素 $("td:empty"); 查找所有不包含子元素或者文本的空元素 $("div:has(p)").addClass("test"); 给所有包含 p 元素的 div 元素添加一个 text 类 $("td:parent"); ...
复制链接

扫一扫