全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

jQuery内容筛选选择器实例代码

本文实例为大家分享了jQuery内容筛选选择器的具体代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <title></title>
  <link rel="stylesheet" href="imooc.css" type="text/css">
  <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
  <h2>内容筛选器</h2>
  <h3>:contains/:has</h3>
  <div class="left">
    <div class="div">
      <p>:contains</p>
    </div>
    <div class="div">
      <p>:contains</p>
    </div>
    <div class="div">
      <p>
        <span>:has</span>
      </p>
    </div>
    <div class="div">
      <p>:contains</p>
    </div>
  </div>

  <script type="text/javascript">
    //查找所有class='div'中DOM元素中包含"contains"的元素节点
    //并且设置颜色
    $(".div:contains(':contains')").css("color", "#CD00CD");
  </script>

  <script type="text/javascript">
    //查找所有class='div'中DOM元素中包含"span"的元素节点
    //并且设置颜色
    $(".div:has(span)").css("color", "blue");
  </script>


  <h3>:parent/:empty</h3>
  <div class="left">
    <div class="aaron">
      <a>:parent</a>
    </div>
    <div class="aaron">
      <a>:parent</a>
    </div>
    <div class="aaron">
      <a>:parent</a>
    </div>
    <div class="aaron">
      <a></a>
    </div>
  </div>
  <script type="text/javascript">
    //选择所有包含子元素或者文本的a元素
    //增加一个蓝色的边框
    $("a:parent").css("border", "3px groove blue");
  </script>

  <script type="text/javascript">
    //找到a元素下面的所有空节点(没有子元素)
    //增加一段文本与边框
    $("a:empty").text(":empty").css("border", "3px groove red"); 
  </script>

</body>

</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# jQuery内容筛选选择器  # jQuery选择器  # 基于jQuery选择器之表单对象属性筛选选择器的实例  # jQuery基本筛选选择器实例代码  # jQuery选择器之属性筛选选择器用法详解  # 大家分享  # 具体内容  # 大家多多  # 选择器  # type  # text  # content  # http  # equiv 


相关文章: 如何在阿里云完成域名注册与建站?  建站主机CVM配置优化、SEO策略与性能提升指南  美食网站链接制作教程视频,哪个教做美食的网站比较专业点?  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度?  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍?  手机网站制作与建设方案,手机网站如何建设?  PHP 500报错的快速解决方法  Swift中swift中的switch 语句  广州商城建站系统开发成本与周期如何控制?  建站之星下载版如何获取与安装?  ,南京靠谱的征婚网站?  如何选择最佳自助建站系统?快速指南解析优劣  巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成  如何在IIS服务器上快速部署高效网站?  网站企业制作流程,用什么语言做企业网站比较好?  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  如何在Golang中指定模块版本_使用go.mod控制版本号  微信小程序制作网站有哪些,微信小程序需要做网站吗?  建站之星如何实现PC+手机+微信网站五合一建站?  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱?  如何在IIS中新建站点并配置端口与物理路径?  建站中国必看指南:CMS建站系统+手机网站搭建核心技巧解析  如何选择高效可靠的多用户建站源码资源?  如何在阿里云虚拟机上搭建网站?步骤解析与避坑指南  深圳网站制作费用多少钱,读秀,深圳文献港这样的网站很多只提供网上试读,但有些人只要提供试读的文章就能全篇下载,这个是怎么弄的?  网站制作软件有哪些,制图软件有哪些?  如何快速上传自定义模板至建站之星?  济南网站建设制作公司,室内设计网站一般都有哪些功能?  免费网站制作appp,免费制作app哪个平台好?  公众号网站制作网页,微信公众号怎么制作?  如何通过万网虚拟主机快速搭建网站?  如何通过虚拟机搭建网站?详细步骤解析  PHP正则匹配日期和时间(时间戳转换)的实例代码  制作表格网站有哪些,线上表格怎么弄?  如何通过WDCP绑定主域名及创建子域名站点?  油猴 教程,油猴搜脚本为什么会网页无法显示?  高端企业智能建站程序:SEO优化与响应式模板定制开发  网页设计网站制作软件,microsoft office哪个可以创建网页?  如何在建站之星绑定自定义域名?  哈尔滨网站建设策划,哈尔滨电工证查询网站?  广州顶尖建站服务:企业官网建设与SEO优化一体化方案  如何获取开源自助建站系统免费下载链接?  如何高效利用亚马逊云主机搭建企业网站?  创业网站制作流程,创业网站可靠吗?  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  贸易公司网站制作流程,出口贸易网站设计怎么做?  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网?  建站之星免费版是否永久可用?  如何在云主机快速搭建网站站点?  制作门户网站的参考文献在哪,小说网站怎么建立? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。