jquery1.7例子2-如何在script中修改标签样式

最新推荐文章于 2024-09-30 09:10:06 发布

最新推荐文章于 2024-09-30 09:10:06 发布 · 518 阅读

标签

#javascript #ViewUI

收录于

jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种利用script标签配合style属性来动态修改HTML元素样式的技巧。通过实例演示了如何使用jQuery为段落元素添加高亮和选中样式。

1.前言.
script可以先在标签的样式中加入“被选中”，“被点击”等的处理方案，然后在script中调用这种方案，实现修改标签样式。
2.例子.


<!DOCTYPE html>
<html>
<head>
  <style>
  p { margin: 8px; font-size:16px; }
  .selected { color:red; }
  .highlight { background:yellow; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  Hello

  and

  Goodbye

script配合style一起实现在script修改样式。
<script>
  $("p:last").addClass("selected highlight");
 </script>

</body>
</html>