您的位置：首页 > Web前端 > JQuery

jQuery-对标签的样式操作

2018-04-20 16:12 113 查看

一、操作样式类

// 1.给标签添加样式类
$("选择器").addClass("类名")
// 2.移除标签的样式类
$("选择器").removeClass("类名")
// 3.判断标签是否含有某个样式类
$("选择器").hasClass("类名")
// 4.如果标签包含某个样式类，就移除，否则，就添加
$("选择器").toggleClass("类名")


<!DOCTYPE html>
<html>
<head>
<title>操作尺寸</title>
<style type="text/css">
.div1{
width: 100px;
height: 100px;
border: 1px solid red;
}
</style>
</head>
<body>
<div class="div1">

</div>
<script src="jquery-3.3.1.js"></script>
<script type="text/javascript">
console.log($(".div1").height());
console.log($(".div1").width());
console.log($(".div1").innerHeight());
console.log($(".div1").innerWidth());

console.log($(".div1").outerHeight());  // 内容高度 + 两边边框
console.log($(".div1").outerWidth());  // 内容宽度  + 两边的边框
</script>
</body>
</html>


标签尺寸相关操作
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航