jQuery HTML/CSS 参考文档

文章目录

  1. 应用样式
    1. 示例
  2. 属性方法
  3. 示例

jQuery HTML/CSS 参考文档

应用样式

addClass( classes ) 方法可用于将定义好的样式表应用于所有匹配的元素上。可以通过空格分隔指定多个类。

示例

以下是一个简单示例,设置了para标签 <p> 的 class 属性−

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
      </script>

      <script type = "text/javascript" language = "javascript">
         (document).ready(function() {("em").addClass("selected");
            $("#myid").addClass("highlight");
         });
      </script>

      <style>
         .selected { color:red; }
         .highlight { background:yellow; }
      </style>  
   </head>

   <body>
      <em title = "Bold and Brave">This is first paragraph.</em>
      <p id = "myid">This is second paragraph.</p>
   </body>
</html>

这将产生以下结果−

jQuery HTML/CSS 参考文档-LMLPHP

属性方法

以下表格列出了你可以使用的一些有用的方法来操作属性和属性。

示例

与上面的语法和示例类似,下面的示例将帮助您理解在不同情况下使用各种属性方法的方法。

这里是不同情况下属性方法的完整列表 –

11-11 06:35