jQuery中is()方法用法实例


Posted in Javascript onJanuary 06, 2015

本文实例讲述了jQuery中is()方法用法。分享给大家供大家参考。具体分析如下:

此方法使用参数来检查匹配元素集合。
如果其中至少有一个元素符合这个给定的参数就返回true,否则返回false。

语法结构一:

$(selector).is(expr)

参数列表:
参数 描述
expr 字符串值,供匹配当前元素集合的选择器表达式。

实例代码:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8"/> 

<meta name="author" content="https://3water.com/" />

<title>is()函数-三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  alert($("li").parent().is("ul"))

})

</script>

</head>

<body>

<div>

  <ul>

    <li>div+css专区</li>

    <li>jQuery专区</li>

  </ul>

</div>

</body>

</html>

下面代码检测li元素的父元素是否是ul,如果是返回true,否则返回false。

语法结构二:

参数列表:

参数 描述
element 用于匹配元素的DOM元素或者jQuery元素。

实例代码:

实例一:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8"/> 

<meta name="author" content="https://3water.com/" />

<title>is()函数-三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  alert($("li").parent().is(document.getElementById("parent")))

})

</script>

</head>

<body>

<div>

  <ul id="parent">

    <li>div+css专区</li>

    <li>jQuery专区</li>

  </ul>

</div>

</body>

</html>

实例二:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8"/> 

<meta name="author" content="https://3water.com/" />

<title>is()函数-三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  alert($("li").parent().is($("#parent")))

})

</script>

</head>

<body>

<div>

  <ul id="parent">

    <li>div+css专区</li>

    <li>jQuery专区</li>

  </ul>

</div>

</body>

</html>

语法结构三:

使用函数用来遍历元素的集合。
此函数接受一个参数index,这是元素在jQuery集合的索引。函数中, this指的是当前的DOM元素。

参数列表:

参数 描述
function(index) 定义返回is()匹配值的函数。index为当前元素在匹配元素集合中的索引值。

实例代码:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8"/> 

<meta name="author" content="https://3water.com/" />

<title>is()函数-三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  alert($("li").parent().is(function(index){return $("ul").attr("id")=="parent"}))

})

</script>

</head>

<body>

<div>

  <ul id="parent">

    <li>div+css专区</li>

    <li>jQuery专区</li>

  </ul>

</div>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
jquery select下拉框操作的一些说明
Apr 02 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
很酷的星级评分系统原生JS实现
Aug 25 Javascript
探索Javascript中this的奥秘
Dec 11 Javascript
javascript中的深复制详解及实例分析
Dec 29 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
AngularJS基于factory创建自定义服务的方法详解
May 25 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
一步步教会你微信小程序的登录鉴权
Apr 09 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 Javascript
Vue实现跑马灯效果
May 25 Javascript
js绘制一条直线并旋转45度
Aug 21 Javascript
JavaScript中document对象使用详解
Jan 06 #Javascript
jQuery中Form相关知识汇总
Jan 06 #Javascript
使用VS开发 Node.js指南
Jan 06 #Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 #Javascript
JavaScript静态类型检查工具FLOW简介
Jan 06 #Javascript
jQuery中filter()方法用法实例
Jan 06 #Javascript
JavaScript修改浏览器tab标题小技巧
Jan 06 #Javascript
You might like
用PHP将数据导入到Foxmail
2006/10/09 PHP
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
php操作xml
2013/10/27 PHP
PHP header()函数常用方法总结
2014/04/11 PHP
PHP中使用register_shutdown_function函数截获fatal error示例
2015/04/21 PHP
Yii2 输出xml格式数据的方法
2016/05/03 PHP
Zend Framework处理Json数据方法详解
2016/12/09 PHP
jQuery实现仿Google首页拖动效果的方法
2015/05/04 Javascript
JQuery插件Marquee.js实现无缝滚动效果
2016/04/26 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
JS匿名函数实例分析
2016/11/26 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
2017/01/04 Javascript
jQuery中DOM节点的删除方法总结(超全面)
2017/01/22 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
2017/06/09 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
在vue中使用css modules替代scroped的方法
2018/03/10 Javascript
node.js到底要不要加分号浅析
2018/07/11 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
2018/07/25 Javascript
python 测试实现方法
2008/12/24 Python
简单谈谈python的反射机制
2016/06/28 Python
Python实现多线程HTTP下载器示例
2017/02/11 Python
Django rest framework实现分页的示例
2018/05/24 Python
django使用LDAP验证的方法示例
2018/12/10 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
对pytorch的函数中的group参数的作用介绍
2020/02/18 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
描述RIP和OSPF区别以及特点
2015/01/17 面试题
毕业生就业自荐信
2013/12/04 职场文书
学习之星事迹材料
2014/05/17 职场文书
谢师宴邀请函
2015/02/02 职场文书
2015年市场营销工作总结
2015/07/23 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
找规律教学反思
2016/02/23 职场文书
Ajax请求超时与网络异常处理图文详解
2021/05/23 Javascript
python神经网络ResNet50模型
2022/05/06 Python