点击切换帐号登陆
帐号密码登陆

jQuery设置\获取CSS类

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>jquery第八节课</title>
	<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
  <script type="text/javascript">
   $(function(){
    //jQuery获取并设置 CSS 类;
    // css()设置或返回样式属性;
    //返回语法:css("样式名");
    console.log($('p').css("height"))
    //设置CSS属性:css("样式名","value");
    //$('b').css('color','#fff')
    //设置多个CSS属性:css({"样式名":"value","样式名":"value",...});
    $('b').css({'color':'#fff','font-size':'20px'})
    //addClass()向被选元素添加一个或多个类;
    // $('b').addClass('text')//注意不要加点号
   // removeClass()从被选元素删除一个或多个类;
     // $('p').click(function(){
     //  $('b').removeClass('text')
     // })
     //hasClass()检查被选元素是否包含指定的class;
     console.log($('b').hasClass('text'))
   })

  </script>
  <style type="text/css">
  *{margin:0;padding:0;}
  p{width:300px;height:300px;line-height: 300px;background:#9BF25A;margin:20px auto;text-align: center;}
  .text{text-shadow: 1px 3px #465A39; }
  </style>
</head>
<body>
   <p>
     <b>欢迎来到HTML中文网!</b>
   </p>
</body>
</html>


任务

?不会了怎么办
无数据提示暂无评论哟...我要评论
网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号