JQuery为元素添加样式的实现方法

时间:2021-04-16

  由于jquery支持css3,所有能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好

  为定义好的css样式可以调用元素的css方法添加样式

  $("span").css("css属性名","属性值")

  如 $("span").css("color","red") 将标签为span的字体都设为红色的

  $("#id") $("span")

  如果是定义好的css样式,可以通过addClass来添加,比如

  <style type="text/css">
  .aa
  {
   border:1px solid red;
  }
  </style>

  $("#txtName").addClass("aa");

  <input id="txtName" type="text" value="请输入你的姓名" />

  下面列举下对css样式操作的方法:
  1、.css("样式"):获得样式值,比如$("input").css("color") 获得input中字体的颜色

  2、.css("样式","value"):为样式赋值,如$("input").css("color","red");

  3、.addClass("样式类1,样式类2,样式类3"):可以添加多个定义好的样式类

  4、.hasClass("样式类类"):判断是否存在该样式

  5、.toggleClass("样式类"):如果存在(不存在)就切换(删除)样式

  6、.toggleClass("样式类",swith):如果swith为false,则删除样式,如果swith为true,则切换成该类

  7、removeClass("样式类"):移除样式类

  8、.css({样式名:"value",样式名:"value",样式名:"value"}):可以多次添加样式

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章