`
灵动的水
  • 浏览: 194623 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

jquery选择器排除某个DOM元素的方法(实例演示)

阅读更多
jquery选择器众多,使用选取某个DOM的方法有很多种,如何在选取的某个元素集上面做一些排除呢?下面通过几个实例说明:

1.选择所有的img元素,排除class=phpernote的元素的个数:


复制代码 代码如下:$('img:not(.phpernote)').length();//或者$('img').not('.phpernote').length();
2.获取id=phpernote下面所有没有class=com的li元素的个数
复制代码 代码如下:
$('#phpernote li:not(.com)').size();//或者$('#phpernote li').not('.com').length();
3.设置id=phpernote下面所有奇数行的li元素的背景
复制代码 代码如下:$('#phpernote li').not(':even').css('background-color', 'red');

附实例:jQuery中排除指定元素,同时选择剩下的所有元素

场景:某页面用了js延时加载技术处理所有图片,以改善用户体验,但是有几个图片不想延时加载,要求把它们单独挑出来。
研究了一下jQuery的API文档,搞掂了,jQuery真的很方便,贴在这里备份:


复制代码 代码如下:<!doctype html>
<html>
<head>
  <title>菩提树下的杨过</title>
  <script type="text/javascript" src="http://img.24city.com/js/jquery-1.4.3.min.js"></script>
  <script type="text/javascript">
   $().ready(function(){
    $("div:not([delay='false'])").css("color","#f00");
   })
  </script>
</head>
<body>
  <div>div 1</div>
  <div delay="false">div 2</div>
  <div>div 3</div>
</body>
</html>
上面的代码,将把有附加属性"delay",且等于"false"的div排除掉,然后把剩下的div全选中,并设置为红色字体。
分享到:
评论

相关推荐

    jquery选择器应用实例

    在本实例中,我们将探讨如何利用jQuery选择器在Visual Studio 2010环境下进行高效而精确的网页元素选取。jQuery的选择器是其强大功能的核心,它们基于CSS选择器,但提供了更丰富的功能。 首先,让我们了解jQuery的...

    jquery选择器入门详解小案例

    例如,你可以用jQuery选择器来改变特定元素的样式、添加或删除类、绑定事件等。通过实践,你将更熟练地掌握如何利用jQuery选择器提高代码效率和可读性。 总之,jQuery选择器是开发者在JavaScript编程中的得力助手,...

    Jquery 选择器整理

    综上所述,jQuery选择器提供了一套强大且灵活的工具,帮助开发者高效地选择和操作DOM元素。无论是简单的元素选择还是复杂的条件过滤,都能轻松实现。在实际开发过程中,合理运用这些选择器可以极大地提高代码的效率...

    jquery选择器实例和jar包

    本文将深入探讨jQuery选择器的实例和相关知识,帮助你掌握这一强大的工具。** **1. 元素选择器** 元素选择器基于HTML标签名来选取元素,例如`$("p")`会选择所有的段落元素。通过实例,我们可以看到如何获取并改变...

    jquery样式选择器插件源码demo

    通过阅读和理解这段源码,开发者不仅可以学习到jQuery选择器的工作原理,还能提升对CSS选择器、DOM操作以及JavaScript性能优化的理解。 总结来说,这个"jquery样式选择器插件"是一个浓缩的精华,它展示了如何用最少...

    JQuery 选择器、DOM节点操作练习实例

    综合以上,JQuery选择器、DOM节点操作练习实例的知识点包括JQuery选择器的使用,DOM节点操作的方法,以及事件处理。文档通过实际的代码示例,使读者能够更好地理解和掌握JQuery在实际开发中的应用,包括如何使用...

    jQuery选择器.rar

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

    经典的jQuery选择器应用例子

    本篇文章将深入探讨jQuery选择器的详细应用,通过一系列经典实例来帮助你更好地理解和运用这些选择器。 1. 基本选择器: - `$("#id")`:通过ID选取元素,例如`$("#myDiv")`会选择id为"myDiv"的元素。 - `$("....

    JQuery 获取Dom元素的实例讲解

    总结来说,通过这篇实例讲解,我们学习到了如何使用类似JQuery的方法来获取DOM元素,并对JQuery选择器的工作原理有了更深的理解。对于前端开发工程师而言,熟练掌握JQuery的选择器和DOM操作方法,能够大大提升开发...

    Jquery获取第一个子元素简单实例

    在JavaScript的世界里,jQuery库提供了一种简便的方式来操作DOM元素,包括获取页面上的特定元素及其子元素。在本文中,我们将深入探讨如何使用jQuery获取指定元素的第一个子元素,并理解在这个过程中涉及的关键概念...

    jquery获取css中的选择器(实例讲解)

    通过以上的基础知识,我们已经可以运用jQuery选择器来选取页面中满足条件的元素集合。在实际开发过程中,我们还需要学习如何通过`.css()`方法为选取的元素集合设置CSS样式,或者通过其他jQuery方法对这些元素执行...

    使用jQuery内容过滤选择器选择元素实例讲解

    内容过滤选择器是jQuery中用于...综上所述,内容过滤选择器是jQuery选择器中非常有用的一组工具,它们使得根据内容特性来选取DOM元素变得更加方便和直接。掌握它们的使用,对进行DOM操作和动态内容展示有着重要的意义。

    jquery项目运用实例以及其与w3c和dom的区别实例

    1. **DOM操作**:jQuery通过选择器(如`$("#id")`或`$(".class")`)快速定位到DOM元素,并提供了`.html()`, `.text()`, `.attr()`, `.val()`等方法进行内容、属性和值的获取与修改。 2. **事件处理**:jQuery通过`....

    35个经典Jquery实例方法

    1. **选择器(Selectors)**:jQuery的选择器允许我们高效地选取DOM元素。例如,`$("#id")`用于选取ID为指定值的元素,`$(".class")`选取所有类名为指定值的元素,`$("tag")`则选取所有特定类型的元素。 2. **DOM...

    jquery 实例教程,包含各种实例

    了解如何编写高效的jQuery代码,如利用缓存选择器结果,避免不必要的DOM操作,将有助于提升页面加载速度。 通过这个jQuery实例教程,你将能够熟练地运用jQuery进行网页开发,无论是简单的交互还是复杂的动态效果,...

    jQuery特效和实例集合

    理解jQuery的选择器语法是掌握其基础的关键,包括ID选择器(#id),类选择器(.class),以及属性选择器([attr=value])等。 二、jQuery DOM操作 jQuery提供了丰富的DOM操作方法,如`append()`用于在元素内部追加内容,...

    DOM和JQuery简单易学实例

    JQuery的核心特性包括选择器、遍历和操作DOM元素、事件绑定和处理、以及复杂的动画效果。在.NET中,虽然JQuery主要用作客户端的JavaScript库,但它与ASP.NET、MVC等框架的结合使用,能够实现丰富的交互式Web应用。 ...

    jquery选择器---懒人之爱

    jQuery选择器是jQuery库的核心特性之一,它允许开发者以简洁的方式选择页面上的DOM元素,并对它们执行操作。本文档将详细介绍jQuery选择器的使用方法及其相关知识点。 首先,选择器允许开发者根据元素的ID、类名、...

Global site tag (gtag.js) - Google Analytics