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

jquery 遍历 find(expr)

jQueryCSSHTML 
阅读更多

find(expr)

从匹配元素集合中查找满足‘expr’表达式的匹配元素集合。返回匹配元素集合

<!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(){
    $("p").find("span").css('color','red');
  });
  </script>
  
</head>
<body>
  <p><span>Hello</span>, how are you?</p>
  <p>Me? I'm <span>good</span>.</p>
</body>
</html>

 

$("p").find("span").css('color','red');
从p元素匹配集合中查找出span元素，并对匹配的span元素集合进行操作。以下是匹配span元素集合

<span>Hello</span>

<span>good</span>

 

分享到：
| jquery 遍历 contents()
评论
发表评论

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

相关推荐

    jquery常用的方法

    - `find(expr)` - 在当前集合中搜索匹配的后代元素。 - `is(expr)` - 检查元素是否匹配给定的选择器。 - `next(expr)` - 获取元素的下一个相邻元素。 - `not(el)`, `not(expr)`, `not(elems)` - 移除匹配的元素...

    jquery-API.pdf

    jQuery 是一款轻量级的 JavaScript 库，极大地简化了 HTML 文档遍历、事件处理、动画等操作。它提供了丰富的 API，让开发者能够轻松地进行网页开发。本文将对 jQuery API 的几个关键函数进行详细介绍。 #### 二、...

    JQuery常用思路方法

    - `find(expr)`：返回所有后代元素。 - **过滤方法**： - `filter(expression)`：返回与表达式匹配的元素。 - `not(expression)`：返回不与表达式匹配的元素。 - **检查方法**： - `is(expr)`：判断是否与...

    jquery函数大全

    - `find(expr)` 查找子孙元素。 - `is(expr)` 检查元素是否匹配表达式。 - `next(expr)` 获取相邻的后续元素。 - `not(el/expr/elems)` 移除匹配的元素。 - `parent(expr)` 获取父元素。 - `parents(expr)` ...

    jQuery文档教程

    jQuery是一款卓越的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画以及与Ajax交互等任务。由John Resig于2006年创立，jQuery迅速成为了Web开发者的首选工具，其易用性和强大的功能使其在前端开发领域...

    50个Jquery经典实例

    20. **选择器扩展**：jQuery支持自定义选择器，如`$.expr[":"]`。 21. **数据绑定**：使用`.data()`方法可以将数据绑定到元素，便于后续访问。 22. **异步图片加载**：使用`$.when()`结合`$.Deferred()`可实现图片...

    在IE8下用JQuery获取自定义标签

    如果自定义标签没有内建的jQuery支持，可能需要遍历DOM树来定位它们。 5. **扩展jQuery选择器**： jQuery允许开发者扩展其选择器引擎，以便识别自定义标签。这通常通过插件实现，需要编写代码来解析新的选择器并...

    jquery 事件方法大全

    13. **遍历和过滤**: `add(expr)`, `children(expr)`, `contains(str)`, `end()`, `filter(expression)`, `find(expr)`, `is(expr)`, `next(expr)`, `not(el)`, `not(expr)`, `not(elems)`, `parent(expr)`, `...

    Jquery常用方法.txt

    - `find(expr)` - **描述**：获取当前匹配元素集合的后代元素。 7. **判断元素是否符合特定条件**: - `is(expr)` - **描述**：判断当前匹配的元素集合是否满足某个条件。 8. **获取下一个兄弟元素**: - `next...

    jQuery使用手册.doc

    - **$(expr)**：这是jQuery的最基础用法，用于选取DOM元素，expr是一个CSS选择器，可以是ID、类名、标签名等，如`$("#myID")`选取ID为"myID"的元素。 - **$(elem)**：将一个DOM元素转换为jQuery对象，便于使用...

    JQuery1.3笔记.txt

    - `find(expr)`: 查找所有后代元素，并返回一个新元素集。 7. **判断元素** - `is(expr)`: 判断当前元素集是否满足给定的选择器或表达式。 8. **查找相邻元素** - `next(expr)`, `prev(expr)`, `siblings...

    jQuery常用方法jQuery常用方法

    - **find(expr)**: 获取所有后代元素，直到文档末尾。 - **is(expr)**: 检查当前元素集合中的元素是否匹配给定的选择器。 - **next(expr)**: 获取紧邻当前匹配元素之后的兄弟元素。 - **not(el)**: 从当前元素集合中...

    jQuery对象属性.docx

    - `find(expr|obj|ele)`：找到元素的后代，根据提供的表达式、对象或元素。 - `closest(expr|obj|ele)`：向上遍历DOM树，找到第一个匹配指定表达式的祖先元素。 - `next([expr])`：获取每个元素的下一个同级元素...

    jQuery 使用手册.doc

    - `$(expr)`：这是 jQuery 的主要入口点，通过 CSS 选择器、XPath 或 HTML 字符串来选取元素。例如，`$("div &gt; p")` 会选择所有直接位于 `&lt;div&gt;` 元素内的 `&lt;p&gt;` 元素。 - `$(elem)`：限制 jQuery 作用于一个特定...

    Jquery文档

    jQuery 是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。本文将深入探讨jQuery中的几个关键函数，帮助你更好地理解和运用这个强大的工具。 1. **过滤（Filtering）** ...

    jquery的父、子、兄弟节点查找,节点的子节点循环方法

    10. **jQuery.find(expr)**: find()方法从当前匹配的元素集合中查找匹配expr的后代元素。这与jQuery.filter()不同，filter()是在当前集合内部进行筛选，而find()会创建一个新的集合。 在jQuery中，遍历元素集合有...

    jquery用法大全

    - `find(expr)`：获取后代元素中匹配选择器的元素。 6. **条件判断** - `is(expr)`：检查集合中的元素是否匹配选择器。 7. **查找相邻元素** - `next(expr)`：获取紧邻匹配元素后的同级元素。 - `prev(expr)...

    jquery常用方法

    - `find(expr)`: 查找匹配expr的后代元素。 - `is(expr)`: 检查元素是否匹配expr。 - `next(expr)`: 获取元素的下一个兄弟元素，可选地通过expr过滤。 - `not(el)`, `not(expr)`, `not(elems)`: 从集合中移除...

    jQuery技术应用实例

    在jQuery的核心部分，`$(expr)`函数扮演着至关重要的角色，它是所有jQuery操作的基础。通过CSS选择器、XPath或HTML代码，此函数能够精准地定位页面上的元素。`expr`参数可以是任何查询表达式或HTML字符串，例如`$(...

    jquery pdf 文档

    jQuery是一款快速、小巧且功能丰富的库，它简化了HTML文档遍历、事件处理、动画以及与Ajax的交互等操作。通过提供统一的API，jQuery使得JavaScript编程变得更加简单，提高了开发效率。 #### 二、jQuery与PDF文档...

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