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’
分享到：
相关推荐
`is()`方法的基本语法是`$(selector).is(expr)`，其中`selector`是一个jQuery对象或DOM元素，而`expr`是一个选择器表达式。这个方法会检查元素集合中是否存在至少一个元素符合`expr`所表示的选择器。如果找到匹配项...
- `is(expr)` - 检查元素是否匹配给定的选择器。 - `next(expr)` - 获取元素的下一个相邻元素。 - `not(el)`, `not(expr)`, `not(elems)` - 移除匹配的元素。 - `parent(expr)` - 获取元素的直接父元素。 - `...
- `is(expr)` 检查元素是否匹配表达式。 - `next(expr)` 获取相邻的后续元素。 - `not(el/expr/elems)` 移除匹配的元素。 - `parent(expr)` 获取父元素。 - `parents(expr)` 获取所有祖先元素。 - `prev(expr)...
20. **选择器扩展**：jQuery支持自定义选择器，如`$.expr[":"]`。 21. **数据绑定**：使用`.data()`方法可以将数据绑定到元素，便于后续访问。 22. **异步图片加载**：使用`$.when()`结合`$.Deferred()`可实现图片...
- `is(expr)` - **描述**：判断当前匹配的元素集合是否满足某个条件。 8. **获取下一个兄弟元素**: - `next(expr)` - **描述**：获取当前匹配元素集合的下一个兄弟元素。 9. **排除某些元素**: - `not(el)` ...
- `is(expr)`: 判断当前元素集是否满足给定的选择器或表达式。 8. **查找相邻元素** - `next(expr)`, `prev(expr)`, `siblings(expr)`: 分别查找下一个、上一个或同级元素。 9. **父元素** - `parent(expr)`,...
13. **遍历和过滤**: `add(expr)`, `children(expr)`, `contains(str)`, `end()`, `filter(expression)`, `find(expr)`, `is(expr)`, `next(expr)`, `not(el)`, `not(expr)`, `not(elems)`, `parent(expr)`, `...
`.is(expr)`方法用于检查当前选择的元素集合是否包含符合指定表达式的元素。如果至少有一个元素满足条件，它会返回`true`，否则返回`false`。 在处理元素数组时，`.map(callback(index, domElement))`方法允许我们...
- **is(expr)**: 检查当前元素集合中的元素是否匹配给定的选择器。 - **next(expr)**: 获取紧邻当前匹配元素之后的兄弟元素。 - **not(el)**: 从当前元素集合中移除指定元素。 - **not(expr)**: 从当前元素集合中...
jQuery 是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。本文将深入探讨jQuery中的几个关键函数，帮助你更好地理解和运用这个强大的工具。 1. **过滤（Filtering）** ...
- `is(expr)`：检查集合中的元素是否匹配选择器。 7. **查找相邻元素** - `next(expr)`：获取紧邻匹配元素后的同级元素。 - `prev(expr)`：获取紧邻匹配元素前的同级元素。 8. **查找兄弟元素** - `siblings...
jQuery 是一款非常流行的 JavaScript 库，它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等开发工作。jQuery 的设计理念是“write less, do more”，即“写得更少，做得更多”。其强大的功能、易用性...
- `is(expr)`: 检查元素是否匹配expr。 - `next(expr)`: 获取元素的下一个兄弟元素，可选地通过expr过滤。 - `not(el)`, `not(expr)`, `not(elems)`: 从集合中移除匹配的元素。 - `parent(expr)`: 获取元素的...
- **is(expr)**：检查所有匹配元素是否与某个选择器匹配。 - **map(func)**：创建一个新jQuery对象，其中包含传递给提供的函数的返回值。 - **not(expr)**：从匹配元素集中删除元素。 - **slice(start[, end])**：从...
- `is(expr)`: 检查元素是否匹配给定的选择器。 - `next(expr)`: 获取元素的下一个兄弟元素。 - `not(el)`, `not(expr)`, `not(elems)`: 从集合中移除匹配的元素。 - `parent(expr)`: 获取元素的直接父元素。 -...
- `$(”元素名称”).is(expr)`: 检查元素是否匹配给定的选择器。 - `$(”元素名称”).next(expr)`: 获取元素的下一个兄弟元素。 - `$(”元素名称”).not(expr/elems)`: 从集合中移除匹配的元素。 - `$(”元素...
15. **检查元素集合**：`is(expr)` 用于检查当前元素集合是否匹配给定的表达式，如果无效则返回 `false`。 16. **删除元素**：`remove()` 用于从 DOM 中删除匹配的所有元素。 17. **添加样式**：`css(name)` 用于...
### Jquery方法大全详解 #### 一、Attribute（属性操作） **1.1 addClass** ```javascript $("p").addClass(css中定义的样式类型); ``` - **功能**：为匹配到的元素添加一个或多个类。 - **参数**：接受一个或多个...