国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery中is()方法用法實例

2019-11-20 13:29:07
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery中is()方法用法。分享給大家供大家參考。具體分析如下:

此方法使用參數來檢查匹配元素集合。
如果其中至少有一個元素符合這個給定的參數就返回true,否則返回false。

語法結構一:

復制代碼 代碼如下:
$(selector).is(expr)

參數列表:
參數 描述
expr 字符串值,供匹配當前元素集合的選擇器表達式。

實例代碼:

復制代碼 代碼如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://m.survivalescaperooms.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="http://m.survivalescaperooms.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="http://m.survivalescaperooms.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="http://m.survivalescaperooms.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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 鲜城| 登封市| 衡阳县| 新平| 民和| 阿拉善左旗| 明光市| 治多县| 图木舒克市| 南江县| 昌黎县| 凌云县| 如皋市| 孟州市| 瑞昌市| 老河口市| 收藏| 唐河县| 登封市| 大洼县| 延长县| 浏阳市| 读书| 肇东市| 青海省| 永仁县| 石首市| 木里| 孝昌县| 黔东| 湘潭市| 唐河县| 三明市| 闽侯县| 当涂县| 定襄县| 阿坝县| 铁岭市| 松滋市| 沅陵县| 禄丰县|