Home > Web Front-end > JS Tutorial > How to determine whether there is a certain class in jquery

How to determine whether there is a certain class in jquery

青灯夜游
Release: 2021-11-12 17:00:02
Original
6453 people have browsed it

In jquery, you can use the hasClass() method to determine whether there is a certain class. The function of this method is to check whether the selected element contains the specified class. The syntax is "$(selector).hasClass(classname) ".

How to determine whether there is a certain class in jquery

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

In jquery, you can use the hasClass() method to determine whether there is a specified class.

How to determine whether there is a certain class in jquery

hasClass() method can check whether the selected element contains the specified class. This method returns "true" if the selected element contains the specified class.

Syntax format:

$(selector).hasClass(classname)
Copy after login
  • classname: required parameter, specifies the class to be found in the specified element.

Example: Check if the

element contains "intro" Class:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		alert($("p").hasClass("intro"));
	});
});
</script>
<style type="text/css">
.intro{
	font-size:120%;
	color:red;
}
</style>
</head>
<body>

<h1>这是一个段落标题</h1>
<p class="intro">这是一个段落</p>
<p> 这是另外一个段落</p>
<button>是否有 p 元素使用了 "intro" 类?</button>

</body>
</html>
Copy after login

How to determine whether there is a certain class in jquery

Related Recommended video tutorial: jQuery Tutorial (Video)

The above is the detailed content of How to determine whether there is a certain class in jquery. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template