jQuery中is()方法用法實例
本文實例講述了jQuery中is()方法用法。分享給大家供大家參考。具體分析如下:
此方法使用參數(shù)來檢查匹配元素集合。
如果其中至少有一個元素符合這個給定的參數(shù)就返回true,否則返回false。
語法結(jié)構(gòu)一:
參數(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。
語法結(jié)構(gòu)二:
參數(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>
語法結(jié)構(gòu)三:
使用函數(shù)用來遍歷元素的集合。
此函數(shù)接受一個參數(shù)index,這是元素在jQuery集合的索引。函數(shù)中, this指的是當(dāng)前的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程序設(shè)計有所幫助。
相關(guān)文章
基于jQuery和CSS3制作響應(yīng)式水平時間軸附源碼下載
我們經(jīng)常看到有很多的垂直時間軸用來記錄事件進展,而有朋友問我要求分享水平的時間軸,其實水平時間軸的難點在于自適應(yīng)屏幕尺寸。那么 今天我要給大家分享的是一款支持響應(yīng)式、支持觸屏手勢滑動的水平時間軸2015-12-12JQuery調(diào)用WebServices的方法和4個實例
你是不是經(jīng)常作這種開發(fā),前端用JS寫邏輯,后端用aspx或者ashx作服務(wù)?你是不是經(jīng)常在請求aspx的時候在查詢字符串中拼接諸如a.aspx?method=getDepartmetn¶m1=1¶m2=2的字符串?2014-05-05AJAX實現(xiàn)瀑布流觸發(fā)分頁與分頁觸發(fā)瀑布流的方法
瀑布流觸發(fā)分頁可以理解為微博中的瀏覽效果、到一定程度時顯示頁數(shù)進行分頁,而分頁觸發(fā)瀑布流可以理解為Twitter拉到一頁設(shè)定的最大條數(shù)后繼續(xù)用瀑布流展示下一頁,接下來我們就來詳細(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中鼠標(biāo)事件及animate方法使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01基于jQuery實現(xiàn)多層次的手風(fēng)琴效果附源碼
今天我們要與大家分享一個漂亮而靈活的垂直 jQuery 手風(fēng)琴效果。其主要思想是擴大手風(fēng)琴片上的點擊和顯示更多的信息。感興趣的朋友可以參考下本文2015-09-09