关闭

jquery内容选择器

438人阅读 评论(0) 收藏 举报

1):contains(text):匹配包含给定文本的元素

   eg:$("#btn").click(function(){

         //点击按钮后,将含有two的div背景变为绿色

           $("div:contains(two)").css("background","green");

       });

       <body>

         <input type="button" value="将含有two的div背景变为绿色" id="btn">

         <div id="one">id=one</div>

         <div id="two">id=two</div>----------变绿

         <div id="three">id=three</div>

        </body>

2):empty:匹配所有不包含子元素或者文本的空元素

    eg:$("#btn").click(function(){

 

         //点击按钮后,将不含有子元素或文本的空元素背景变为绿色

           $("div:empty").css("background","green");

       });

       <body>

         <input type="button" value="将不含有子元素或文本的空元素背景变为绿色" id="btn">

         <div id="one"></div>-----------------变绿

         <div id="two"><span></span></div>

         <div id="three">id=three</div>

                             <div></div>

        </body>

3):has(selector):匹配含有选择器所匹配的元素的元素

    eg:$("#btn").click(function(){

         //点击按钮后,将含有span的div背景变为绿色

           $("div:has(span)").css("background","green");

        });

       <body>

         <input type="button" value="将含有span的div背景变为绿色" id="btn">

         <div id="one">id=one

             <span></span>

         </div>---------------------------变绿

         <div id="two">id=two</div>

         <div id="three">id=three</div>

        </body>

4):parent:匹配所有的子元素或文本的元素

     eg:$("#btn").click(function(){

         //点击按钮后,将含有子元素(或者文本内容)的div背景变为绿色

           $("div:parent").css("background","green");

        });

       <body>

         <input type="button" value="将含有子元素(或者文本内容)的div背景变为绿色" id="btn">

         <div id="one"></div>

         <div id="two">id=two<span></span></div>-----------变绿

         <div id="three">id=three</div>--------------------变绿

        </body>

 

1
0

猜你在找
【直播】计算机视觉原理及实战—屈教授
【套餐】深度学习入门视频课程—唐宇迪
【套餐】Hadoop生态系统零基础入门--侯勇蛟
【套餐】嵌入式Linux C编程基础--朱有鹏
【套餐】2017软考系统集成项目——任铄
【套餐】Android 5.x顶级视频课程——李宁
【直播】广义线性模型及其应用——李科
【直播】从0到1 区块链的概念到实践
【直播】机器学习之凸优化——马博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:107037次
    • 积分:1292
    • 等级:
    • 排名:千里之外
    • 原创:59篇
    • 转载:2篇
    • 译文:0篇
    • 评论:11条
    最新评论