jQuery中is()方法用法實例
本文實例講述了jQuery中is()方法用法。分享給大家供大家參考。具體分析如下:
此方法使用參數(shù)來檢查匹配元素集合。
如果其中至少有一個元素符合這個給定的參數(shù)就返回true,否則返回false。
語法結構一:
參數(shù)列表:
實例代碼:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>is()函數(shù)-腳本之家</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專區(qū)</li>
<li>jQuery專區(qū)</li>
</ul>
</div>
</body>
</html>
下面代碼檢測li元素的父元素是否是ul,如果是返回true,否則返回false。
語法結構二:
參數(shù)列表:
實例代碼:
實例一:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>is()函數(shù)-腳本之家</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專區(qū)</li>
<li>jQuery專區(qū)</li>
</ul>
</div>
</body>
</html>
實例二:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>is()函數(shù)-腳本之家</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專區(qū)</li>
<li>jQuery專區(qū)</li>
</ul>
</div>
</body>
</html>
語法結構三:
使用函數(shù)用來遍歷元素的集合。
此函數(shù)接受一個參數(shù)index,這是元素在jQuery集合的索引。函數(shù)中, this指的是當前的DOM元素。
參數(shù)列表:
實例代碼:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>is()函數(shù)-腳本之家</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專區(qū)</li>
<li>jQuery專區(qū)</li>
</ul>
</div>
</body>
</html>
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
AJAX實現(xiàn)瀑布流觸發(fā)分頁與分頁觸發(fā)瀑布流的方法
瀑布流觸發(fā)分頁可以理解為微博中的瀏覽效果、到一定程度時顯示頁數(shù)進行分頁,而分頁觸發(fā)瀑布流可以理解為Twitter拉到一頁設定的最大條數(shù)后繼續(xù)用瀑布流展示下一頁,接下來我們就來詳細看看AJAX實現(xiàn)瀑布流觸發(fā)分頁與分頁觸發(fā)瀑布流的方法2016-05-05jQuery Ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法
jquery ajax 傳值給Servlet,在Servlet里Get接受參數(shù)亂碼,怎么解決呢?下面小編給大家?guī)砹薺query ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法,一起看看吧2016-10-10jQuery實現(xiàn)橫向帶緩沖的水平運動效果(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)橫向帶緩沖的水平運動效果,涉及jQuery中鼠標事件及animate方法使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01