前端样式类操作----class属性<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>对class进⾏操作</title>
<script src="js/jquery.js"></script>
</head>
<style>
.another{
color: blue;
}
.
redColor{
color: red;
}
</style>
<body>
<p class="myClass" title="学习修改class属性">学习修改class属性</p>
<input type="button"  value="追加属性蓝⾊"/>
<input type="button"  value="移除属性"/>
</body>
<script>
//attr获取class属性
var p_class = $("p").attr("class");
//attr设置，替换成另⼀个属性
$("p").attr("class","replaceClass");
//addClass点击追加属性
$("input:eq(0)").click(function(){
$("p").addClass("another");htmlbutton属性
});
//removeClass移除属性
$("input:eq(1)").click(function(){
$("p").removeClass("another");
});
/
/hasClass判断是否存在某个class
var isExit = $("p").hasClass("replaceClass");
alert(isExit);
//text()
var p_text = $("p").text();
alert(p_text);
</script>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。