`
KAXU
  • 浏览: 267599 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 选择器 E:has(F)

F#jQueryHTML 
阅读更多

E:has(F)

匹配所有的E元素，满足E元素中至少有一个F元素。返回匹配结果集

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("div:has(p)").addClass("test");
  });
  </script>
  <style>
  .test{ border: 3px inset red; }
  </style>
</head>
<body>
  <div><p>Hello in a paragraph</p></div>
  <div>Hello again! (with no paragraph)</div>
</body>
</html>

 

$("div:has(p)").addClass("test");
匹配所有div中包含P元素的div集合，以下为匹配的元素

<div><p>Hello in a paragraph</p></div>

分享到：
| jquery 选择器 E ~ F
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery过滤选择器:not()方法使用介绍

    主要介绍了jQuery过滤选择器:not()方法的使用,需要的朋友可以参考下

    jQuery选择器上机练习题及答案.rar

    （7）用has方法实现:选择那些包含有ul元素的li元素 （8）将tbody每个单元格里的文字设为：我爱jQuery （9）查找form元素的后代元素中标签为label的元素 （10）查找表单元素中是否有id值为checkbox5的元素 ...

    jQuery中:has选择器用法实例

    本文实例讲述了jQuery中has选择器用法。分享给大家供大家参考。具体分析如下： 此选择器匹配含有选择器所匹配的元素的元素。 语法结构: 代码如下:$(“:has(selector)”) 关于此选择器的定义可能有点拗口，通俗的讲...

    jQuery内容过滤选择器与子元素过滤选择器用法实例分析

    本文实例讲述了jQuery内容过滤选择器与子元素过滤选择器用法。分享给大家供大家参考，具体如下： jQuery的内容过滤选择器 一、:contains(text) 选择器：:contains(text) 描述：匹配包含给定文本的元素 返回值：元素...

    jQuery内容选择器与表单选择器实例分析

    本文实例讲述了jQuery内容选择器与表单选择器。分享给大家供大家参考，具体如下： 内容选择器 jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上，主要包括以下四种过滤方法： 内容选择...

    kewjs:Kew 是 jQuery 选择器的轻量级替代品

    轻量级替代jQuery选择器和基本实用程序的工具 :down_arrow: 用法 在您的页面中包含该库[removed][removed] 文献资料 $kew().ready() 当 DOM 准备好时执行回调。 例子 $kew ( ) . ready ( function ( ) { // ...

    jquery属性选择器not has怎么写 行悬停高亮显示

    代码如下: $(function(){ /* //$(“html body div table.table_list tbody tr”).not(“:has(‘td a img[src*=tj.gif]’)”).mouseover(function(){ $(“html body div table.table_list tbody tr:not(‘:has(‘td a...

    jQuery内容过滤选择器用法分析

    主要介绍了jQuery内容过滤选择器用法,实例分析了:contains()、:has()、:empty()、:parent等内容过滤选择器的使用技巧,需要的朋友可以参考下

    jQuery帮助文档

    选择器 基本 #id element .class * selector1,selector2,selectorN 层级 ancestor descendant parent &gt; child prev + next prev ~ siblings 基本 :first :last :not :even :odd :eq :gt :lt :...

    JQuery新版中文手册

    选择器 基本 #id element .class * selector1,selector2,selectorN 层级 ancestor descendant parent &gt; child prev + next prev ~ siblings 基本 :first :last :not(selector) :even :odd :eq...

    jquery 笔记(自己学习jquery整理好的)

    jQuery基础 隔行变色的表格 window.onload=function(){ var otable = document.getElementById('oTable');...属性选择器 $("ul li ul li:has(a)").addClass("myClass"); 位置选择器 $("p:lt(2)").addClass("myClass");

    jQuery 1.4.1 中文参考

    3. 选择器 37 3.1 基本 37 3.1.1 #id 37 3.1.2 element 38 3.1.3 .class 38 3.1.4 * 39 3.1.5 selector1,selector2,selectorN 39 3.2 层级 40 3.2.1 ancestor descendant 40 3.2.2 41 3.2.3 prev + next 41 3.2.4 ...

    jQuery中has()方法用法实例

    本文实例讲述了jQuery中has()方法用法。...字符串选择器。 实例代码: 代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=”utf-8″&gt; &lt;meta name=”author” content=”//w

    jQuery中内容过滤器简单用法示例

    本文实例讲述了jQuery中内容过滤器简单用法。分享给大家供大家参考，具体如下： 一 介绍 内容过滤器就是通过DOM元素包含的文本内容以及是否含有匹配的元素进行筛选。内容过滤器共包括:contains(text)、:empty、:has...

    jQuery Selectors(选择器)的使用(四-五、内容篇可见性篇)

    本篇讲解：:contains(text),:empty,:has(selector),:parent,:hidden,:visible的用法。 您对本系列文章有任何建议或意见请发送到邮箱：sjzlgt@qq.com 由于是第一次写技术性系列文章，难免会出错或代码BUG，欢迎指出...

    jquery1.11.0手册

    选择器 基本 #id element .class * selector1,selector2,selectorN 层级 ancestor descendant parent &gt; child prev + next prev ~ siblings 基本 :first :not(selector) :even :odd :eq(index) :...

    jquery-1.1.3 效率提高800%

    在 jQuery 1.2中，可以在URL参数中指定一个jQuery选择器，这会过滤返回的HTML文档，只取得文档中匹配选择器的元素。此语法类似于"url #some &gt; selector"。 实例 载入文档的sidebar的导航部分到一个无序列表...

Magicbox
Global site tag (gtag.js) - Google Analytics