jquery 遍历 is(expr)

最新推荐文章于 2020-08-24 11:11:28 发布
最新推荐文章于 2020-08-24 11:11:28 发布
阅读量143 收藏 1
点赞数
分类专栏： jQuery 文章标签： jQuery CSS HTML ViewUI

is(expr)

判断现有集合是否属于‘expr’集合中的一部分或是相等。如果是则返回true，否则返回false

<!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").one('click', function () {
      if ($(this).is(":first-child")) {
        $("p").text("It's the first div.");
      } else if ($(this).is(".blue,.red")) {
        $("p").text("It's a blue or red div.");
      } else if ($(this).is(":contains('Peter')")) {
        $("p").text("It's Peter!");
      } else {
        $("p").html("It's nothing <em>special</em>.");
      }
      $("p").hide().slideDown("slow");
      $(this).css({"border-style": "inset", cursor:"default"});
    });

  });
  </script>
  <style>
  div { width:60px; height:60px; margin:5px; float:left;
        border:4px outset; background:green; text-align:center; 
        font-weight:bolder; cursor:pointer; }
  .blue { background:blue; }
  .red { background:red; }
  span { color:white; font-size:16px; }
  p { color:red; font-weight:bolder; background:yellow; 
      margin:3px; clear:left; display:none; }
  </style>
</head>
<body>
  <div></div>
  <div class="blue"></div>
  <div></div>
  <div class="red"></div>
  <div><br/><span>Peter</span></div>
  <div class="blue"></div>
  <p> </p>
</body>
</html>

 

if ($(this).is(":first-child")) {
} else if ($(this).is(".blue,.red")) {
} else if ($(this).is(":contains('Peter')")) {
这3行分别是判断当前集合中是否为第一个子集；是否包含特殊样式‘blue’或是‘red’；是否包含文本内容‘peter’

iteye_2604
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery中is()方法用法实例
10-24
`is()`方法的基本语法是`$(selector).is(expr)`，其中`selector`是一个jQuery对象或DOM元素，而`expr`是一个选择器表达式。这个方法会检查元素集合中是否存在至少一个元素符合`expr`所表示的选择器。如果找到匹配项...
JS的"=="和 is(expr) 区别及比较运算符介绍
tyust512的专栏
01-08 642
一. 区别 is(selector)  根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。 如果没有元素符合，或者表达式无效，都返回'false'.  ==为js的比较运行符。 根据选择器检查当前匹配元素集合，如果存在至少一个匹配元素，则返回 true。 二. 比较运算符
jquery中is()函数
weixin_30276935的博客
01-04 92
is(expr)函数判断当前Jquery对象所匹配的元素是否存在。只要其中一种符合，就返回 true,否则返回 false. 如果 expr是个字符串，既视为Jquery的选择器，用于表示选择的元素。 如果 expr是个函数，函数将根据所匹配的元素进行循环遍历。其中函数的this,指代当前迭代的元素，而且这个函数还会传入一个索引index,即元素所在的索引。 ...
JQuery 中 is(':visible') 解析及用法
02-25 649
javascript代码 $(document).ready(function(){ $('#faq').find('dd').hide().end().find('dt').click(function(){//end()为结束前面处理函数,返回到最初的元素 //解释:用end()结束find(dd)的hide(),并将fi...
jquery的is()方法
杨葱儿
04-17 2390
// 是否是隐藏的 $('#test').is(':visible'); // 判断input元素是否被选中 $('input[name=chkNoChecked]').is(':checked')； // 是否是第一个子元素 $(this).is(":first-child"); // 是否包含.blue,.red的class $...
jquery $.expr[':'] 用法体会
我本颠坤
06-03 2695
今天在看$.widget 源码时发现有这样一行代码：   $.expr[ ":" ][ fullName ] = function( elem ) { return !!$.data( elem, name ); }; 读到这些代码有些迷茫，于查百度发现有一个用法   // Add this code anywhere you want (after jQuery 
jquery函数大全
07-02
- `is(expr)` 检查元素是否匹配表达式。 - `next(expr)` 获取相邻的后续元素。 - `not(el/expr/elems)` 移除匹配的元素。 - `parent(expr)` 获取父元素。 - `parents(expr)` 获取所有祖先元素。 - `prev(expr)...
Jquery文档
08-18
jQuery 是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。本文将深入探讨jQuery中的几个关键函数，帮助你更好地理解和运用这个强大的工具。 1. **过滤（Filtering）** ...
jQuery中prevAll()方法用法实例
12-07
这个方法尤其适用于处理DOM结构中的元素遍历和操作。下面我们将详细探讨`prevAll()`方法的用法、语法、参数以及相关实例。 ### 1. `prevAll()`方法的基本用法 `prevAll()`方法的基本语法是： ```javascript $(...
jquery用法大全
09-26
- `is(expr)`：检查集合中的元素是否匹配选择器。 7. **查找相邻元素** - `next(expr)`：获取紧邻匹配元素后的同级元素。 - `prev(expr)`：获取紧邻匹配元素前的同级元素。 8. **查找兄弟元素** - `siblings...
jQuery的is()函数的用法
sunShine_yuxuan的专栏
07-09 674
jQuery中的is()方法可以判断元素是否可见，是否隐藏，是否选中，是否处于活动状态等。 下面我们分别举例介绍。 一、判断元素是否隐藏 如下html中的div元素是隐藏的：   复制代码代码示例: jquery-1.7.2.min.js">     你看不到我     javascript"> $('span').html('test d
jQuery基础教程之is()方法和has() 方法
monkeyfly学前端
03-21 6361
Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。 前提 昨天要实现一个功能：点击空白关闭弹窗。当时也不知道该怎么实现，于是就百度到了方法：关于点击空白关闭弹窗的js写法推荐？【可点击查看】 下面是被采纳的方法，代码实现如下： $(document).click(function(e){ var _con = $(' 目标区域 '); // ...
使用jquery判断一个元素是否含有一个指定的类（class）
sunqian_happy的博客
01-13 8249
在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下： 1.           is(‘.classname’) 2.           hasClass(‘classname’) 以下是一个div元素是否包含一个redColor的例子： 1. 使用is(‘.classname’)的方法 $('di
jQuery 中 is() 函数常见用法
找寻你的足迹123
09-19 1306
jQuery 中 is() 函数常见用法
如何使用jQuery检查元素是否具有特定的类名
一名可爱的技术搬运工
05-20 825
jQuery带有两种方法来检查元素是否具有特定的类名。 两种方法具有相同的功能。 是（'.classname'） hasClass（'。classname'） 例如，检查div元素是否具有“ redColor”类名。 1. is（'。classname'） $('div').is('.redColor') 2. hasClass（'。classname'） $(...
jquery is 用于查看选择的元素是否匹配选择器。
mengzuchao的专栏
06-09 943
如果 &lt;p&gt; 的父元素是 &lt;div&gt; 元素，弹出提示信息:if ($("p").parent().is("div")) {    alert("p 的父元素是 div"); }尝试一下 »定义和使用is() 方法用于查看选择的元素是否匹配选择器。语法$(selector).is(selectorElement,function(index,element))参数描述sele...
jQuery is()函数用法3例
weixin_33721427的博客
11-07 75
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery中的is()方法
艾泽拉斯旅行者的博客
08-17 3765
在查看去年学习的一些东西时，看到当时学习jquery有用到is这个知识点，但是如今我已经早忘光了，乘此机会，复习一下。 定义和用法 $(selector).is(selectorElement,function(index,element)) 参数 描述 selectorElement 必须。选择器表达式，根据选择器/元素/jQuery 对象...
jquery中 .is() 的用法
css兼容浏览器的各种背景渐变
08-24 3246
一、is() 函数的基本用法 // 是否是隐藏的 $('#test').is(':visible'); $('#test').is(':hide') // 判断input元素是否被选中 $('input[name=chkNoChecked]').is(':checked')； // 是否是第一个子元素 $(this).is(":first-child"); //父层是否为div标签 $("p").parent().is("div");
深入理解jQuery扩展机制
这可以通过$.expr.createPseudo函数实现，它可以接受一个函数，该函数返回元素是否匹配自定义选择器。 2. **扩展jQuery对象**：通过$.fn（即$.prototype）可以向jQuery实例添加新方法。例如，我们可以创建一个`fade...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值