jQuery——jQuery判断文本内容:empty/contains("文本内容")/has("CSS选择器")/parent("CSS选择器")

      注:从这篇文章开始,渐渐意识到毕竟这些知识只是选择器的一些常用方法,与jQuery框架提供的方法毕竟还是有不少区别的。而且jQuery框架没有为此处理到一一对应,因此在使用时,还是需要分清并且分开这两种应用。

        希望每位看到这些文章的哥们姐们都能够理解,欢迎拍砖,但不是喷泡沫。

<body>
    <!--
       jQuery——jQuery判断文本内容:empty/contains("文本内容")/has("CSS选择器")/parent("CSS选择器")


        理解:jQuery判断文本内容函数主要是判断所获取的jQuery对象中进行条件的获取


        1、:empty——表示获取的jQuery对象中文本内容为空的所有的匹配元素集合
        (注:这里的是伪类选择器,不是empty()方法;两个意义完全不一样)

        2、:contains("文本内容")——表示获取的jQuery对象中包含着文本内容的所有匹配元素的集合
        (注:这里也是一个在伪类中使用的,并不是从jQuery对象中进行再次判断,jQuery框架没有提供contains()方法)

        3、has("CSS选择器")——表示获取的jQuery对象中包含有参数“CSS选择器”的所有匹配的元素集合
        (注:这里has()方法中包含的CSS选择器只限于标签选择器,而不包含ID选择器和Class选择器)

        4、parent("CSS选择器")——表示获取的jQuery对象汇总含有参数“CSS选择器”的所有匹配的父元素集合
    -->
    <table>
        <tr><td>afs</td><td>adf</td></tr>
        <tr><td>Value 2</td><td></td></tr>
    </table>
    <div id="" class="">
        hello
    </div>
    <div id="ada" class="ada"><p><span id="" class="" >和咯哦</span></p>
        kobicc!
    </div>
</body>
<script language="javascript">
<!--
    
    alert($("td:contains('2')").html());//显示获取到包含文本内容为2的第一个匹配元素的文本内容
    //alert($("td").contains('2').html())  //ERROR这里没有这个方法,jQuery框架没有提供对应的同名方法

    alert($("div").has('p').html());//这里has()方法的参数只限于标签选择器,不包括ID选择器和Class选择器

    alert($("td:empty").length);//这里使用td:empty表示匹配td选择器中文本内容为空的所有元素
    alert($("td").empty().length);//这里使用$().empty()则是表示清空了td选择器中的所有的子节点

    alert($("div:parent").html()); //这里显示出来的是获取到第一个DIV后显示出来的innerHTML;而不是包含元素自身的outerHTML
    alert($("div").parent().html());// 这个的parent()方法则获取的又是另一个意思了。
//-->
</script>

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值