在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ 設(shè)置或取得元素的 CSS class
jQuery UI Tab 示例（一）
jQuery UI Datepicker 示例（四）
jQuery UI 示例
jQuery UI Slider 示例（二）
jQuery UI Dialog 示例（一）
HTML Get
動(dòng)畫(huà)效果
終止動(dòng)畫(huà)
回調(diào)函數(shù)
方法鏈
jQuery UI Button 示例（一）
jQuery UI Autocomplete 示例（三）
jQuery UI Autocomplete 示例（二）
設(shè)置或取得元素的 CSS class
jQuery UI 概述
基本語(yǔ)法
jQuery UI Datepicker 示例（一）
jQuery UI Autocomplete 示例（一）
jQuery UI Spiner 示例
jQuery UI Tab 示例（二）
淡入淡出效果
顯示/隱藏內(nèi)容
HTML Set
jQuery UI Tooltip 示例
jQuery UI Slider 示例（一）
讀寫(xiě) HTML 元素的 css 屬性
jQuery UI Datepicker 示例（二）
添加HTML元素
操作 HTML 元素的大小
jQuery UI Datepicker 示例（五）
滑動(dòng)效果
jQuery UI Dialog 示例（二）
jQuery UI Menu 示例
jQuery UI 基本工作過(guò)程
jQuery UI Button 示例（二）
jQuery UI Dialog 示例（三）
jQuery UI Datepicker 示例（三）
Selectors
jQuery UI Progressbar 示例
Events
jQuery UI Accordion 示例
刪除HTML元素

設(shè)置或取得元素的 CSS class

jQuery 支持方法用來(lái)操作 HTML 元素的 CSS 屬性

下面的方法為 jQuery 提供的 CSS 操作方法：

  • addClass() – 為指定的元素添加一個(gè)或多個(gè) CSS 類(lèi)。
  • removeClass() – 為指定的元素刪除一個(gè)或多個(gè) CSS 類(lèi)。
  • toggleClass() – 為指定的元素在添加/刪除 CSS 類(lèi)之間切換。
  • css() -設(shè)置或是取得 CSS 類(lèi)型屬性。

下面的 StyleSheet 為后面例子使用的 CSS 風(fēng)格：

.important
 {
 font-weight:bold;
 font-size:xx-large;
 }

 .blue
 {
 color:blue;
 }

jQuery addClass 示例

下面的例子為給定的元素添加 CSS 風(fēng)格類(lèi)

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JQuery Demo</title>
    <script src="scripts/jquery-1.9.1.js"></script>

    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $("h1,h2,p").addClass("blue");
                $("div").addClass("important");
            });
        });
    </script>
    <style type="text/css">
        .important
        {
            font-weight: bold;
            font-size: xx-large;
        }

        .blue
        {
            color: blue;
        }
    </style>
</head>
<body>

    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <div>This is some important text!</div>
    <br>
    <button>Add classes to elements</button>

</body>
</html>

http://wiki.jikexueyuan.com/project/jquery-tutorial/images/11.png" alt="" />

你也可以在 addClass 添加多個(gè)類(lèi)的名稱(chēng)，如：

$("button").click(function(){
   $("#div1").addClass("important blue");
 });

jQuery removeClass 示例

$("button").click(function(){
   $("h1,h2,p").removeClass("blue");
 });

jQuery toggle()示例，下面的例子使用 toggle 為 HTML 元素在添加/刪除 CSS 類(lèi) blue 之間切換

$("button").click(function(){
   $("h1,h2,p").toggleClass("blue");
 });

下一篇介紹 css()的用法。