hasClass()方法有什么用

發(fā)布時間：2022-03-05 11:11:20 來源：億速云閱讀：138 作者：小新欄目：web開發(fā)

小編給大家分享一下hasClass()方法有什么用，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

　　.hasClass( className )

　　描述: 確定任何一個匹配元素是否有被分配給定的（樣式）類。

　　className

　　類型: String

　　要查詢的樣式名。

　　元素可能會有個的樣式名。在 HTML 中，使用空格來分隔多個樣式：

　　如果匹配元素上有指定的樣式，那么.hasClass() 方法將返回 true ，即使元素上可能還有其他樣式。舉個例子, 給上文的HTML加上下面的代碼將返回 true：

　　$('#mydiv').hasClass('foo')

　　也可以:

　　$('#mydiv').hasClass('bar')

　　然而這會返回false:

　　$('#mydiv').hasClass('quux')

　　例子:

　　在匹配的元素上尋找 'selected' 樣式。

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<style>

　　p { margin: 8px; font-size:16px; }

　　.selected { color:red; }

　　</style>

　　</head>

　　<body>

　　<p>This paragraph is black and is the first paragraph.</p>

　　<p class="selected">This paragraph is red and is the second paragraph.</p>

　　<div id="result1">First paragraph has selected class: </div>

　　<div id="result2">Second paragraph has selected class: </div>

　　<div id="result3">At least one paragraph has selected class: </div>

　　$("div#result1").append($("p:first").hasClass("selected").toString());

　　$("div#result2").append($("p:last").hasClass("selected").toString());

　　$("div#result3").append($("p").hasClass("selected").toString());

　　</script>

　　</body>

　　</html>

看完了這篇文章，相信你對“hasClass()方法有什么用”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細節(jié)

猜你喜歡