jquery内容选择器

原创 2012年03月21日 19:55:37

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>

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JQuery入门贴:内容选择器的使用简介

JQuery内容选择器有4种:contains(text)、:empty、:has(selector)、:parent。什么是内容选择器呢?我们知道HTML的元素,可以有文本,也可以含有子元素,还可以...

jQuery 的内容过滤选择器

Untitled Document div, span, p { width: 140px; height: 140px; margin: ...

jQuery(2-4)内容过滤选择器

基本选择器.html                       -->     &...

锋利jquery---内容过滤选择器(第二章)

2-7 $(document).ready(function(){ //选取含有文本"di"的div元素. $('#btn1').click(funct...

Jquery内容、可见度、属性过滤选择器的理解和简单语句说明

Jquery内容过滤选择器 一、概念:根据节点内容进行选择,实现了对基本内容的过滤 二、用途:1、可以实现内容的过滤         2、判断选择指定元素内的元素      ...

jQuery——内容与表单选择器

内容选择器jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上,主要包括以下四种过滤方法: 内容选择器4种用法 内容选择器 选取含有文本内容为“text”的元素 格...

JQuery筛选选择器之内容筛选

基本筛选选择器针对的都是元素DOM节点,如果我们想要通过内容来过滤一些东西,该怎么办呢? jQuery是相当强大的,这一点它当然想到了啊,JQuery专门为此提供了一组内容筛选选择器,当然其规则也会...
  • LHJBK
  • LHJBK
  • 2016-05-30 17:22
  • 262

jQuery_内容过滤选择器

Untitled Document div, span, p { width: 140px; height: 140px; margin: 5px; background: #aaa; ...

jQuery内容、可见性过滤选择器

body{ font-family: "Microsoft YaHei" } .divCls { width:180px; height:180...

jquery:内容过滤选择器和属性过滤选择器

内容过滤选择器    ①$("div:contains('您好')"):选出包含有文本"您好"的 元素         注意:只是内容 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)