jQuery is() 程式碼例項
is()函式可以通過引數來檢測匹配元素集合。
如果其中至少有一個元素符合這個給定的引數就返回true,否則返回false。
語法結構:
[JavaScript] 純文字檢視 複製程式碼$(selector).is(expr)
此函式就是利用引數expr來檢測$(selector)獲取的元素集合。
程式碼例項:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('span').text($('#antzone').is(':visible')); }) </script> </head> <body> <div id="antzone" style="display:none">螞蟻部落</div> <span></span> </body> </html>
以上程式碼可以判斷div元素是否隱藏,如果隱藏則返回false。
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('span').text($('input[name=ck]').is(':checked')); }) </script> </head> <body> <input type="checkbox" name="ck" checked="checked"/> <span></span> </body> </html>
以上程式碼可以判斷核取方塊是否被選中,如果選中就輸出true。
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .antzone{ color:red; } </style> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('span').text($('#antzone').is('.antzone')); }) </script> </head> <body> <div id="antzone" class="antzone">螞蟻部落</div> <span></span> </body> </html>
以上程式碼可以判斷元素是否具有指定的樣式類。
相關文章
- jQuery選項卡例項程式碼jQuery
- jQuery操作cookie程式碼例項jQueryCookie
- jQuery 動畫效果程式碼例項jQuery動畫
- jQuery事件冒泡程式碼例項jQuery事件
- jquery 驗證碼效果程式碼例項jQuery
- jQuery.map()方法程式碼例項jQuery
- jQuery阻止事件冒泡程式碼例項jQuery事件
- 阻止jquery事件冒泡程式碼例項jQuery事件
- jquery tip外掛程式碼例項jQuery
- jQuery toggleClass()方法程式碼例項jQuery
- jquery小球碰撞效果程式碼例項jQuery
- jQuery許願牆程式碼例項jQuery
- jQuery next()方法程式碼例項jQuery
- jQuery操作表格table程式碼例項jQuery
- jQuery阻止事件冒泡例項程式碼jQuery事件
- jQuery清除快取例項程式碼jQuery快取
- jQuery tab選項卡效果程式碼例項jQuery
- jQuery加法驗證碼效果程式碼例項jQuery
- jQuery 隔行變色效果程式碼例項jQuery
- jQuery禁用滑鼠右鍵程式碼例項jQuery
- jQuery解析xml檔案程式碼例項jQueryXML
- jquery防止重複提交程式碼例項jQuery
- jQuery css()函式使用程式碼例項jQueryCSS函式
- jquery刪除指定元素程式碼例項jQuery
- jquery獲取元素高度程式碼例項jQuery
- jquery next()方法使用程式碼例項jQuery
- jQuery ajax請求程式碼例項分享jQuery
- jQuery隔行變色效果程式碼例項jQuery
- jQuery自定義標籤程式碼例項jQuery
- jQuery雪花飄落效果程式碼例項jQuery
- jQuery進度條效果程式碼例項jQuery
- jquery漸隱漸現程式碼例項jQuery
- jQuery瀑布流佈局程式碼例項jQuery
- jQuery手風琴效果程式碼例項jQuery
- jQuery利用name匹配元素程式碼例項jQuery
- jQuery實現的tab選項卡程式碼例項jQuery
- jQuery設定select選中項程式碼例項jQuery
- jquery實現的選項卡效果例項程式碼jQuery