• <sub id="h4knl"><ol id="h4knl"></ol></sub>
    <sup id="h4knl"></sup>
      <sub id="h4knl"></sub>

      <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
      1. <strong id="h4knl"></strong>

      2. jQuery css方法動態修改CSS屬性

        時間:2024-07-06 19:09:10 jQuery Mobile 我要投稿
        • 相關推薦

        jQuery css方法動態修改CSS屬性

          定義和用法

          css() 方法返回或設置匹配的元素的一個或多個樣式屬性。

          返回 CSS 屬性值

          返回第一個匹配元素的 CSS 屬性值。

          注釋:當用于返回一個值時,不支持簡寫的 CSS 屬性(比如 "background" 和 "border")。

          復制代碼 代碼如下:

          $(selector).css(name)

          name必需。規定 CSS 屬性的名稱。該參數可包含任何 CSS 屬性。比如 "color"。

          實例

          取得第一個段落的 color 樣式屬性的值:

          復制代碼 代碼如下:

          $("p").css("color");

          設置 CSS 屬性

          設置所有匹配元素的指定 CSS 屬性。

          復制代碼 代碼如下:

          $(selector).css(name,value)

          name必需。規定 CSS 屬性的名稱。該參數可包含任何 CSS 屬性,比如 "color"。

          value 可選。規定 CSS 屬性的值。該參數可包含任何 CSS 屬性值,比如 "red"。

          如果設置了空字符串值,則從元素中刪除指定屬性。

          實例

          將所有段落的顏色設為紅色:

          復制代碼 代碼如下:

          $("p").css("color","red");

          使用函數來設置 CSS 屬性

          設置所有匹配的元素中樣式屬性的值。

          此函數返回要設置的屬性值。接受兩個參數,index 為元素在對象集合中的索引位置,value 是原先的屬性值。

          復制代碼 代碼如下:

          $(selector).css(name,function(index,value))

          name必需。規定 CSS 屬性的名稱。該參數可包含任何 CSS 屬性,比如 "color"。

          復制代碼 代碼如下:

          function(index,value)

          規定返回 CSS 屬性新值的函數。

          index - 可選。接受選擇器的 index 位置

          oldvalue - 可選。接受 CSS 屬性的當前值。

          實例 1

          將所有段落的顏色設為紅色:

          復制代碼 代碼如下:

          $("button").click(function(){

          $("p").css("color",function(){return "red";});

          });

          實例 2

          逐漸增加 div 的寬度:

          復制代碼 代碼如下:

          $("div").click(function() {

          $(this).css(

          "width", function(index, value) {return parseFloat(value) * 1.2;}

          );

          });

          設置多個 CSS 屬性/值對

          復制代碼 代碼如下:

          $(selector).css({property:value, property:value, ...})

          把“名/值對”對象設置為所有匹配元素的樣式屬性。

          這是一種在所有匹配的元素上設置大量樣式屬性的最佳方式。

          {property:value}

          必需。規定要設置為樣式屬性的“名稱/值對”對象。

          該參數可包含若干對 CSS 屬性名稱/值。比如 {"color":"red","font-weight":"bold"}

          實例

          復制代碼 代碼如下:

          $("p").css({

          "color":"white",

          "background-color":"#98bf21",

          "font-family":"Arial",

          "font-size":"20px",

          "padding":"5px"

          });

        《&.doc》
        将本文的Word文档下载到电脑,方便收藏和打印
        推荐度:
        点击下载文档

        【jQuery css方法動態修改CSS屬性】相關文章:

        css屬性定位教程07-23

        CSS最核心的概念03-10

        CSS入門教程01-25

        CSS之入門篇10-19

        CSS閉合浮動元素教程06-26

        如何搭建系統CSS架構12-31

        CSS選擇器教程06-05

        CSS教程之盒模型10-17

        2017最新css樣式大全07-07

        常見的DIV+CSS錯誤08-30

        在线咨询
        国产高潮无套免费视频_久久九九兔免费精品6_99精品热6080YY久久_国产91久久久久久无码
      3. <sub id="h4knl"><ol id="h4knl"></ol></sub>
        <sup id="h4knl"></sup>
          <sub id="h4knl"></sub>

          <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
          1. <strong id="h4knl"></strong>

          2. 日韩精品视频在线 | 亚洲欧美日一线高本道 | 亚洲Aⅴ午夜福利精品一区 一本精品99久久精品77 | 日韩专区日本一区 | 中文字幕日韩精品在线 | 日韩中文字幕在线 |

            jQuery css方法動態修改CSS屬性

              定義和用法

              css() 方法返回或設置匹配的元素的一個或多個樣式屬性。

              返回 CSS 屬性值

              返回第一個匹配元素的 CSS 屬性值。

              注釋:當用于返回一個值時,不支持簡寫的 CSS 屬性(比如 "background" 和 "border")。

              復制代碼 代碼如下:

              $(selector).css(name)

              name必需。規定 CSS 屬性的名稱。該參數可包含任何 CSS 屬性。比如 "color"。

              實例

              取得第一個段落的 color 樣式屬性的值:

              復制代碼 代碼如下:

              $("p").css("color");

              設置 CSS 屬性

              設置所有匹配元素的指定 CSS 屬性。

              復制代碼 代碼如下:

              $(selector).css(name,value)

              name必需。規定 CSS 屬性的名稱。該參數可包含任何 CSS 屬性,比如 "color"。

              value 可選。規定 CSS 屬性的值。該參數可包含任何 CSS 屬性值,比如 "red"。

              如果設置了空字符串值,則從元素中刪除指定屬性。

              實例

              將所有段落的顏色設為紅色:

              復制代碼 代碼如下:

              $("p").css("color","red");

              使用函數來設置 CSS 屬性

              設置所有匹配的元素中樣式屬性的值。

              此函數返回要設置的屬性值。接受兩個參數,index 為元素在對象集合中的索引位置,value 是原先的屬性值。

              復制代碼 代碼如下:

              $(selector).css(name,function(index,value))

              name必需。規定 CSS 屬性的名稱。該參數可包含任何 CSS 屬性,比如 "color"。

              復制代碼 代碼如下:

              function(index,value)

              規定返回 CSS 屬性新值的函數。

              index - 可選。接受選擇器的 index 位置

              oldvalue - 可選。接受 CSS 屬性的當前值。

              實例 1

              將所有段落的顏色設為紅色:

              復制代碼 代碼如下:

              $("button").click(function(){

              $("p").css("color",function(){return "red";});

              });

              實例 2

              逐漸增加 div 的寬度:

              復制代碼 代碼如下:

              $("div").click(function() {

              $(this).css(

              "width", function(index, value) {return parseFloat(value) * 1.2;}

              );

              });

              設置多個 CSS 屬性/值對

              復制代碼 代碼如下:

              $(selector).css({property:value, property:value, ...})

              把“名/值對”對象設置為所有匹配元素的樣式屬性。

              這是一種在所有匹配的元素上設置大量樣式屬性的最佳方式。

              {property:value}

              必需。規定要設置為樣式屬性的“名稱/值對”對象。

              該參數可包含若干對 CSS 屬性名稱/值。比如 {"color":"red","font-weight":"bold"}

              實例

              復制代碼 代碼如下:

              $("p").css({

              "color":"white",

              "background-color":"#98bf21",

              "font-family":"Arial",

              "font-size":"20px",

              "padding":"5px"

              });