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

jquery 遍历 not(expr)

jQueryCSSHTML 
阅读更多

not(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(){
    
    $("div").not(".green, #blueone")
            .css("border-color", "red");

  });
  </script>
  <style>
  div { width:60px; height:60px; margin:10px; float:left;
        background:yellow; border:2px solid white; }
  .green { background:#8f8; }
  .gray { background:#ccc; }
  #blueone { background:#99f; }
  </style>
</head>
<body>
  <div></div>
  <div id="blueone"></div>
  <div></div>
  <div class="green"></div>
  <div class="green"></div>
  <div class="gray"></div>
  <div></div>
</body>
</html>

 

$("div").not(".green, #blueone")
删除div元素集合中，特殊样式为‘green’和元素id属性值为‘blueone’的元素。形成新元素集合。以下为新元素集合

<div></div>

<div></div>

<div class="gray"></div>
<div></div>

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

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

相关推荐

    jQuery中not()方法用法实例

    函数接收一个参数 `index`，表示元素在jQuery集合中的索引，`this` 指向当前遍历的DOM元素。例如： ```javascript $("li").not(function(){return $(this).attr("class")=="js"}) ``` 这个例子会选取所有 `li` ...

    jquery常用的方法

    - `not(el)`, `not(expr)`, `not(elems)` - 移除匹配的元素。 - `parent(expr)` - 获取元素的直接父元素。 - `parents(expr)` - 获取元素的所有祖先元素。 - `prev(expr)` - 获取元素的前一个相邻元素。 - `...

    jquery函数大全

    - `not(el/expr/elems)` 移除匹配的元素。 - `parent(expr)` 获取父元素。 - `parents(expr)` 获取所有祖先元素。 - `prev(expr)` 获取相邻的前驱元素。 - `siblings(expr)` 获取同级元素。 4. **核心（Core）...

    jquery 事件方法大全

    `filter(expression)`, `find(expr)`, `is(expr)`, `next(expr)`, `not(el)`, `not(expr)`, `not(elems)`, `parent(expr)`, `parents(expr)`, `prev(expr)`, `siblings(expr)` - 这些方法用于选择、过滤和遍历DOM...

    Jquery常用方法.txt

    - `not(expr)` - `not(elems)` - **描述**：从匹配集合中排除某些元素。 10. **获取父元素**: - `parent(expr)` - **描述**：获取当前匹配元素集合的父元素。 11. **获取祖先元素**: - `parents(expr)` - *...

    RIA应用开发：3-遍历DOM元素.ppt

    首先，jQuery的选择器是遍历DOM的关键工具。jQuery提供了多种选择器，包括基本选择器（如ID选择器、类选择器、标签名选择器）、层次选择器（如后代选择器、子元素选择器、相邻兄弟选择器）和过滤选择器（如`:first`...

    50个Jquery经典实例

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

    jQuery常用方法jQuery常用方法

    - **not(expr)**: 从当前元素集合中移除不匹配的元素。 - **not(elems)**: 从当前元素集合中移除指定的元素集合。 - **parent(expr)**: 获取父元素。 - **parents(expr)**: 获取所有祖先元素。 - **prev(expr)**: ...

    jQuery对象属性.docx

    1. **选择器**：jQuery 提供了丰富的选择器来定位DOM元素，如`first`、`last`用于选取第一个或最后一个元素，`first-child`和`last-child`选取父元素的第一个或最后一个子元素，`parent&gt;child`选取直接子元素，`not...

    jquery常用方法

    - `not(el)`, `not(expr)`, `not(elems)`: 从集合中移除匹配的元素。 - `parent(expr)`: 获取元素的直接父元素，可选地通过expr过滤。 - `parents(expr)`: 获取元素的所有祖先元素，可选地通过expr过滤。 - `...

    Jquery文档

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

    JQuery用法大全

    - `not(el)`, `not(expr)`, `not(elems)`: 从集合中移除匹配的元素。 - `parent(expr)`: 获取元素的直接父元素。 - `parents(expr)`: 获取元素的所有祖先元素。 - `prev(expr)`: 获取元素的前一个兄弟元素。 - ...

    jquery_1.3_cheatsheet_v1

    - **not(expr)**：从匹配元素集中删除元素。 - **slice(start[, end])**：从匹配元素集中返回一个新的jQuery对象，该对象是原集合的一部分。 以上是对给定的jQuery 1.3 Cheat Sheet文档中所涵盖的知识点的详细解释...

    JQuery常用方法

    - `$(”元素名称”).not(expr/elems)`: 从集合中移除匹配的元素。 - `$(”元素名称”).parent(expr)`: 获取元素的直接父元素。 - `$(”元素名称”).parents(expr)`: 获取元素的所有祖先元素。 - `$(”元素名称”...

    jQuery 1.2 Cheat Sheet

    - **jQuery(expr, context):** 该方法用于在指定的上下文中选择元素。`expr` 参数定义了要匹配的选择器字符串，而 `context` 参数指定了搜索的起点。 - **jQuery(html):** 创建一个新的 HTML 元素，并返回一个包含这...

    Jquery方法大全

    ### Jquery方法大全详解 #### 一、Attribute（属性操作） **1.1 addClass** ```javascript $("p").addClass(css中定义的样式类型); ``` - **功能**：为匹配到的元素添加一个或多个类。 - **参数**：接受一个或多个...

    (完整word版)jquery试题与答案.docx

    12. **jQuery 筛选**：jQuery 的筛选不包括“自动”，其他如过滤（`filter()`, `not()`)，查找（`find()`, `siblings()`, `parent()`)，串联（`.add()`)都是常见的筛选操作。 13. **文档处理**：jQuery 提供包裹（`...

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