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 相关文章推荐
Javascript模块化编程(三)require.js的用法及功能介绍
Jan 17 Javascript
深入理解JavaScript高级之词法作用域和作用域链
Dec 10 Javascript
jquery实现预览提交的表单代码分享
May 21 Javascript
node.js实现多图片上传实例
Jun 03 Javascript
推荐一个自己用的封装好的javascript插件
Jan 29 Javascript
JavaScript中使用Callback控制流程介绍
Mar 16 Javascript
jquery实现表单输入时提示文字滑动向上效果
Aug 10 Javascript
JavaScript+html5 canvas绘制的小人效果
Jan 27 Javascript
关于react中组件通信的几种方式详解
Dec 10 Javascript
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
Vue Extends 扩展选项用法完整实例
Sep 17 Javascript
vue的hash值原理也是table切换实例代码
Dec 14 Vue.js
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中记录用户访问过的产品,在cookie记录产品id,id取得产品信息
2011/05/04 PHP
php小技巧 把数组的键和值交换形成了新的数组,查找值取得键
2011/06/02 PHP
PHP获取MAC地址的具体实例
2013/12/13 PHP
利用PHP函数计算中英文字符串长度的方法
2014/11/11 PHP
由document.body和document.documentElement想到的
2009/04/13 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
2015/03/03 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
Bootstrap按钮下拉菜单组件详解
2016/05/10 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
微信小程序 扎金花简单实例
2017/02/21 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
2017/04/11 Javascript
基于JavaScript实现类名的添加与移除
2017/04/23 Javascript
React中上传图片到七牛的示例代码
2017/10/10 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
2018/09/01 Javascript
javaScript中indexOf用法技巧
2019/11/26 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
Javascript中的奇葩知识,你知道吗?
2021/01/25 Javascript
[30:55]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第二场 11.18
2020/11/18 DOTA
Python的Flask框架及Nginx实现静态文件访问限制功能
2016/06/27 Python
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
解决Pycharm下面出现No R interpreter defined的问题
2018/10/29 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
印尼美容产品购物网站:PerfectBeauty.id
2017/12/01 全球购物
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
物业管理毕业生个人的求职信
2013/11/30 职场文书
优秀驾驶员先进事迹材料
2014/05/04 职场文书
捐款倡议书怎么写
2014/05/13 职场文书
大学生安全责任书
2014/07/25 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
医院病假条范文
2015/08/17 职场文书
残联2016年全国助残日活动总结
2016/04/01 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书
十大最强格斗系宝可梦,超梦X仅排第十,第二最重格斗礼仪
2022/03/18 日漫