`
KAXU
  • 浏览: 273462 次
  • 性别: 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第1天：JQ基本介绍、使用步骤、jQuery对象与DOM对象（重点）、jQuery选择器

    jQuery选择器类似于CSS选择器，用于选取DOM元素。它们包括： 1. 基本选择器：`$("#id")`（ID选择器）、`$(".class")`（类选择器）、`$("tag")`（标签选择器）和`$("*")`（通配符选择器）。 2. 属性选择器：`$("[attr...

    jQuery基础选择器练习题

    在JavaScript的世界里，jQuery是一个非常流行和...记住，熟练掌握jQuery选择器将极大地提升你的前端开发效率，让你编写出更加简洁高效的代码。在学习过程中，不断实践和应用这些知识点，你将会成为一个jQuery的大师。

    jQuery选择器速查表

    ### jQuery选择器速查表知识点 jQuery选择器是jQuery库中用于选取HTML元素的强大工具。通过不同的选择器，我们可以轻松地选中页面中的元素并进行操作。本速查表将介绍几种不同类型的选择器，以供查询和参考。 ####...

    jQuery选择器大全(48个代码片段 21幅图演示)

    **jQuery选择器大全** jQuery库以其易用性和强大的选择器功能而闻名，使得JavaScript开发者能够更轻松地操作DOM（文档对象模型）。以下是一份详细的知识点概述，涵盖了jQuery中的主要选择器及其应用。 1. **基本...

    jQuery选择器.rar

    这个名为"jQuery选择器.rar"的压缩包文件显然包含了关于jQuery选择器的相关学习资源，可能包括示例代码、教程文档等。这些内容可能与《锋利的jQuery第二版》这本书中的章节相匹配，该书是jQuery学习的经典参考资料之...

    jQuery选择器-过滤器总结

    ### jQuery选择器与过滤器深度解析 在前端开发领域，jQuery因其简洁的语法和强大的功能，长期以来备受开发者青睐。其中，选择器与过滤器作为jQuery的核心功能之一，为DOM操作提供了极大的灵活性和便利性。本文将对...

    jquery选择器学习文档

    - `:has(选择器)`：选取包含特定选择器匹配元素的元素，如`$("div:has(p)")`选取包含`&lt;p&gt;`的`&lt;div&gt;`。 - `:parent`：选取含有子元素或文本的元素，如`$("div:parent")`选取非空的`&lt;div&gt;`。 5. **可见性过滤选择器...

    Jquery选择器分类应用(最全最新)

    jQuery选择器是jQuery库的核心部分，它允许开发者高效地选取DOM元素，进行操作或绑定事件。在本篇文章中，我们将深入探讨jQuery的选择器分类及其应用，帮助你更好地理解和使用这些强大的工具。 首先，jQuery的选择...

    jquery双向选择器代码

    首先，理解jQuery选择器的基本概念是关键。jQuery提供了多种内置的选择器，如ID选择器（#id）、类选择器（.class）、元素选择器（element）等，它们用于定位HTML文档中的特定元素。双向选择器则在此基础上增加了更...

    jquery选择器及jquery表单操作

    ### jQuery选择器详解 在网页开发中，jQuery作为一款轻量级、功能强大的JavaScript库，极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。其中，选择器是jQuery的核心特性之一，它提供了丰富的语法来...

    jQuery选择器

    ### jQuery选择器详解 #### 一、基本选择器：快速定位DOM元素 基本选择器是jQuery中最常用的选择器之一，用于快速定位文档中的特定元素。它包括： - **ID选择器**：`#id` - 匹配文档中带有指定ID的单一元素。例如...

    jquery 选择器 大全

    jQuery选择器是jQuery库的核心功能之一，它使得开发者能够高效地选取HTML文档中的特定元素，进行操作或应用样式。在jQuery中，选择器分为多种类型，包括基本选择器、层次选择器、过滤器选择器以及内容和属性过滤器。...

    jQuery选择器大全PDF

    ### jQuery选择器大全：掌握高效DOM操作的关键 在前端开发领域，jQuery因其强大的功能和简洁的语法而备受青睐。选择器作为jQuery的核心组件之一，扮演着桥梁的角色，连接JavaScript与HTML文档，使得开发者能以更加...

    jQuery选择器介绍，便于记忆

    ### jQuery选择器详解 #### 一、基本选择器 **1.1 #id** - **描述**: 通过指定的ID来匹配单个元素。 - **示例**: `$("#myId")` 将会选中ID为`myId`的元素。 **1.2 .class** - **描述**: 通过指定的类名来匹配一组...

    Jquery选择器大全

    在本文中，我们将全面探讨各种 jQuery 选择器的详细说明和实例。 首先，我们有基本选择器，它们是最简单直接的选取方式： 1. `$("#myElement")` - 通过 ID 选取唯一元素，ID 必须在整个文档中是唯一的。 2. `$("div...

    基于jQuery选择器的整理集合

    jQuery选择器是jQuery库的核心部分，它提供了一种高效的方式来选取和操作DOM元素。这篇文章将对jQuery选择器进行深入的整理和介绍。 首先，jQuery选择器可以分为基本选择器、层级选择器、属性选择器、内容选择器...

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

    在jQuery库中，`:not()`过滤选择器是一个非常有用的功能，它允许开发者排除掉符合特定条件的元素，从而更精确地定位和操作DOM中的目标元素。`:not()`方法的使用非常直观，它接受一个选择器作为参数，这个选择器描述...

    分类解析jQuery选择器

    jQuery选择器是jQuery库的核心功能之一，用于高效地选取DOM元素。它们提供了强大的选择和筛选DOM元素的方法，使得JavaScript操作DOM变得更为简便。本篇文章将深入解析jQuery选择器的分类和使用，帮助读者理解和掌握...

    常用jQuery选择器总结

    jQuery选择器是jQuery库的核心功能之一，用于高效地定位并操作网页中的DOM元素。通过使用jQuery选择器，开发者可以轻松地选取需要的HTML元素，并执行一系列的DOM操作，如添加样式、修改内容或绑定事件等。 1. **...

    Web前端开发技术-Jquery选择器.pptx

    【jQuery选择器】是Web前端开发技术中一个重要的部分，它极大地简化了DOM元素的选取和操作。jQuery选择器分为多种类型，包括基本选择器、层级选择器、筛选选择器和其他选择器。 **1. 基本选择器** 基本选择器与CSS...

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