類過濾,就是根據元素的類名進行過濾操作。在jQuery中,我們可以使用hasClass()方法實現。
語法:
$().hasClass("類名")
說明:
hasClass()方法往往用於執行判斷操作,判斷當前jQuery對象中的某個元素是否包含了指定類名。如果包含,則返回true;如果不包含,則返回false。
舉例:
在線測試<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="../App_js/jquery-1.12.0.min.js"></script> <script type="text/javascript"> $(function () { $("ul li").click(function () { if($(this).hasClass("red")){ $(this).css("color","red"); } }) }) </script> </head> <body> <ul> <li class="red">紅色red</li> <li>橙色orange</li> <li>黃色yellow</li> <li>綠色green</li> <li>藍色blue</li> <li>紫色purple</li> </ul> </body> </html>
默認情況下,在浏覽器預覽效果如下:
當我們點擊class為red的li元素時,在浏覽器預覽效果如下:
分析:
if($(this).hasClass("red")){}這裡使用hasClass()方法來判斷當前的li元素是否包含red的類名。這裡大家要注意一下,hasClass()方法往往都是用來實現判斷操作的,而不是用來過濾。