JQuery瞬间回想-4(has和is区别)
2018-01-02 22:25
363 查看
children与find是在当前选取的集合内选取指定的元素,
而has可以根据当前选取集合中的元素是否包含某个特定的子元素来筛选选取集合;
is函数检测当前选取集合是否和传入的参数相等或者是否与css选择器的规则匹配。可以通过选择器、元素或者jQuery对象是否匹配来判断是否相等
<body>
<div>This text should be <span>normal</span>.</div>
<div>This text should have a <em>background</em> in red</div>
<div>This text should be <strong id="select">normal</strong>.</div>
<script src="jquery-3.2.1.js"></script>
<script>
$(document).ready(function() {
$('div').has('em').css('background-color', 'red');
var strongE1 = $('strong');
strongE1.append(', and .is() = ' + strongE1.is('#select'));
});
</script>
</body>
效果图如下:
而has可以根据当前选取集合中的元素是否包含某个特定的子元素来筛选选取集合;
is函数检测当前选取集合是否和传入的参数相等或者是否与css选择器的规则匹配。可以通过选择器、元素或者jQuery对象是否匹配来判断是否相等
<body>
<div>This text should be <span>normal</span>.</div>
<div>This text should have a <em>background</em> in red</div>
<div>This text should be <strong id="select">normal</strong>.</div>
<script src="jquery-3.2.1.js"></script>
<script>
$(document).ready(function() {
$('div').has('em').css('background-color', 'red');
var strongE1 = $('strong');
strongE1.append(', and .is() = ' + strongE1.is('#select'));
});
</script>
</body>
效果图如下:
相关文章推荐
- JQuery瞬间回想-3(children和find区别)
- 第九节,is-a,has-a区别
- has a / is a 的区别
- jquery中contains和has的区别
- jquery hasClass()、is()
- jQuery学习笔记—— .is() VS .hasClass()
- jQuery中filter()和find()和has()的用法区别
- has a / is a 的区别
- JQuery瞬间回想-2(get与join的用法)
- jQuery addClass removeClass toggleClass hasClass is(.class)用法
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- 基于jquery的 has() 、 find() 与 filter() 的区别
- 转载 has a / is a 的区别
- JQuery瞬间回想-3(filter用法)
- is-a、has-a和like-a、组合、聚合和继承 两组概念的区别
- is-a、has-a和like-a、组合、聚合和继承 两组概念的区别
- is-a、has-a和like-a、组合、聚合和继承 两组概念的区别
- is-a 和 has-a的区别