操作类:jQuery 提供很多操作元素所属类的方法。如果页面包含样式表,可以动态的将某元素加入一个类或者从类中删除。
下面的例子中,当鼠标进入段落时,段落被加入highlighted类,当鼠标离开段落时,段落又会从类中删除。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Altering Classes on the FLY</title>
<style>
p {
padding: .5em;
}
p.highlighted {
background: #666666;
}
</style>
</head>
<body>
<p>Mouse Enter</p>
<P>Mouse Leave</P>
<script src="jquery19.js">
</script>
<script type="text/javascript">
$(function () {
$("p").mouseenter(function () {
$(this).addClass("highlighted");
});
$("p").mouseleave(function () {
$("p").removeClass("highlighted");
});
});
</script>
</body>
</html>
效果如下:
当鼠标进入段落时: