jQuery中is()方法用法實(shí)例
更新時(shí)間：2015年01月06日 14:43:05 投稿：shichen2014
這篇文章主要介紹了jQuery中is()方法用法,實(shí)例分析了is()方法的功能、定義及檢查匹配元素集合時(shí)的各種使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中is()方法用法。分享給大家供大家參考。具體分析如下：
此方法使用參數(shù)來檢查匹配元素集合。
如果其中至少有一個(gè)元素符合這個(gè)給定的參數(shù)就返回true，否則返回false。
語法結(jié)構(gòu)一:
復(fù)制代碼 代碼如下:
$(selector).is(expr)
參數(shù)列表:
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!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ù)列表:
實(shí)例代碼:
實(shí)例一:
復(fù)制代碼 代碼如下:
<!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>
實(shí)例二:
復(fù)制代碼 代碼如下:
<!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ù)接受一個(gè)參數(shù)index，這是元素在jQuery集合的索引。函數(shù)中， this指的是當(dāng)前的DOM元素。
參數(shù)列表:
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!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è)計(jì)有所幫助。
相關(guān)文章
本文通過具體的實(shí)例向我們簡單介紹了jQuery的事件委托的實(shí)現(xiàn)方式，十分的簡單實(shí)用，有需要的小伙伴可以參考下。2015-07-07
基于jQuery和CSS3制作響應(yīng)式水平時(shí)間軸附源碼下載
我們經(jīng)?？吹接泻芏嗟拇怪睍r(shí)間軸用來記錄事件進(jìn)展，而有朋友問我要求分享水平的時(shí)間軸，其實(shí)水平時(shí)間軸的難點(diǎn)在于自適應(yīng)屏幕尺寸。那么 今天我要給大家分享的是一款支持響應(yīng)式、支持觸屏手勢滑動的水平時(shí)間軸2015-12-12
JQuery調(diào)用WebServices的方法和4個(gè)實(shí)例
你是不是經(jīng)常作這種開發(fā)，前端用JS寫邏輯，后端用aspx或者ashx作服務(wù)？你是不是經(jīng)常在請求aspx的時(shí)候在查詢字符串中拼接諸如a.aspx?method=getDepartmetn¶m1=1¶m2=2的字符串？2014-05-05
這篇文章主要介紹了jQuery動態(tài)生成bootstrap表格的相關(guān)資料,非常不錯(cuò)具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
AJAX實(shí)現(xiàn)瀑布流觸發(fā)分頁與分頁觸發(fā)瀑布流的方法
瀑布流觸發(fā)分頁可以理解為微博中的瀏覽效果、到一定程度時(shí)顯示頁數(shù)進(jìn)行分頁,而分頁觸發(fā)瀑布流可以理解為Twitter拉到一頁設(shè)定的最大條數(shù)后繼續(xù)用瀑布流展示下一頁,接下來我們就來詳細(xì)看看AJAX實(shí)現(xiàn)瀑布流觸發(fā)分頁與分頁觸發(fā)瀑布流的方法2016-05-05
jQuery Ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法
jquery ajax 傳值給Servlet,在Servlet里Get接受參數(shù)亂碼,怎么解決呢？下面小編給大家?guī)砹薺query ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法，一起看看吧2016-10-10
本節(jié)主要介紹了jQuery提交多個(gè)表單的小技巧,需要的朋友可以參考下2014-07-07
jQuery實(shí)現(xiàn)橫向帶緩沖的水平運(yùn)動效果(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)橫向帶緩沖的水平運(yùn)動效果,涉及jQuery中鼠標(biāo)事件及animate方法使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01
jQuery實(shí)現(xiàn)查找最近父節(jié)點(diǎn)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)查找最近父節(jié)點(diǎn)的方法,涉及jQuery針對元素節(jié)點(diǎn)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
基于jQuery實(shí)現(xiàn)多層次的手風(fēng)琴效果附源碼
今天我們要與大家分享一個(gè)漂亮而靈活的垂直 jQuery 手風(fēng)琴效果。其主要思想是擴(kuò)大手風(fēng)琴片上的點(diǎn)擊和顯示更多的信息。感興趣的朋友可以參考下本文2015-09-09