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