JQuery是一個非常流行的JavaScript庫，它使得處理HTML文檔以及實現交互變得更加容易。其中，JQuery的class操作非常常用。在本文中，我們將介紹JQuery的class操作。
//添加Class $(selector).addClass(classname); //移除Class $(selector).removeClass(classname); //如果存在（不存在）就刪除（添加），toggleClass方法可以接受第二個參數，表示是否強制添加或刪除類名 $(selector).toggleClass(classname, true/false); //判斷是否存在Class $(selector).hasClass(classname);
接下來，讓我們來舉一個實例，演示以上JQuery class操作的使用方法。
<!DOCTYPE html>
<html>
<head>
<title>JQuery Class 操作</title>
<script src="JQuery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p:first").addClass("intro");
});
});
</script>
<style>
.intro {
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<h2>JQuery Class 操作</h2>
<p>點擊按鈕，<b>僅僅</b>將此段落的class屬性設置為 "intro"。</p>
<p><b>注意 </b>：className屬性采用的駝峰式寫法，而添加或移除 className 的類方法則用的是小寫字母，即：addClass 、removeClass 。</p>
<button>添加 class="intro"</button>
<p>Hello World!</p>
</body>
</html>本文講解了JQuery中class的操作方法以及一個實例。JQuery的class操作，能夠讓我們輕松地處理HTML文檔并實現一些交互。希望讀者能夠對JQuery class操作有更深入的了解，并在實踐中應用它。