注:从这篇文章开始,渐渐意识到毕竟这些知识只是选择器的一些常用方法,与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>