整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          jQuery css() 方法

          Query css() 方法

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


          返回 CSS 屬性

          如需返回指定的 CSS 屬性的值,請使用如下語法:

          css("propertyname");

          下面的例子將返回首個匹配元素的 background-color 值:

          實例

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


          設置 CSS 屬性

          如需設置指定的 CSS 屬性,請使用如下語法:

          css("propertyname","value");

          下面的例子將為所有匹配元素設置 background-color 值:

          實例

          $("p").css("background-color","yellow");


          設置多個 CSS 屬性

          如需設置多個 CSS 屬性,請使用如下語法:

          css({"propertyname":"value","propertyname":"value",...});

          下面的例子將為所有匹配元素設置 background-color 和 font-size:

          實例

          $("p").css({"background-color":"yellow","font-size":"200%"});

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          ext()方法會把包含的字符轉義處理,html()則不會.所謂轉義就是字符的另一種顯示方法,例如"<" 顯示成 "<",這就是轉義了,其中的<就是<的轉義字符.還有很多可以轉義的字符,可以搜索下看看.


          下邊是項目中用到的2個語句:span中包含了jquery的語句輸出結果.


          1. $('.title').text("<img src=" ">");


          顯示結果為<img src=" ">,這里的<img src=" ">不會被解析成html的img標簽,而是以存字母文字的形式顯示,也就是單純的字符串:<img src=" "> .并且f12查看源碼時看到span包含的<img src=" ">文字內容外層有雙引號哦.看下圖,


          ?


          如果你用右鍵選擇編輯為html,則看到其中的轉義字符<這就說明我們的<被轉移了,


          ?


          如果我們想把<img>顯示成標簽,被瀏覽器解析.那么就需要如下方法.



          2. $('.title').html("<img >");


          顯示結果為解析后的html代碼段,那么這里的<img >就會按照h5的標簽img圖片進行解析顯示了.下圖是f12的頁面代碼結果span中的<img>標簽外層無雙引號,且頁面此時會顯示出來圖片.


          ?



          ?

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
          <html>
           <head>
           <title> New Document </title>
           <meta name="Generator" content="EditPlus">
           <meta name="Author" content="">
           <meta name="Keywords" content="">
           <meta name="Description" content="">
           <script type="text/javascript" src="jquery-1.7.js"></script>
           <script type="text/javascript">
           <!--
          	 function f1()
          	 {
          	 //text方法 只獲取標簽中的文本內容
          		 alert($("#myDiv").text());
          	 }
          	 function f2()
          	 {
          	 //html方法 獲取指定標簽中的html標簽和內容
          		 alert($("#myDiv").html());
          	 }
           //-->
           </script>
           </head>
          
           <body>
           <div id="myDiv" style="border:5px solid red; width:300px;height:300px;">
           <span style="color:blue; font-size:35px">大家好 我是div<span>
          </div>
          <input type="button" value="text()" onclick="f1()">
          <input type="button" value="html()" onclick="f2()">
           </body>
          </html>
          

          主站蜘蛛池模板: 国产精品一区二区av| 国产区精品一区二区不卡中文| 日韩有码一区二区| 99精品国产高清一区二区| 精品国产一区二区三区久久蜜臀| 亚洲一区二区久久| 丝袜无码一区二区三区| 风流老熟女一区二区三区| 亚洲国产成人久久一区二区三区 | 国产精品毛片VA一区二区三区| 国产伦精品一区二区三区无广告 | 亚洲国产专区一区| 国产精品亚洲一区二区无码 | 亚洲综合激情五月色一区| 性色av一区二区三区夜夜嗨| 中文字幕一区二区视频| 久久精品一区二区三区中文字幕| 国产在线第一区二区三区| 国产精品美女一区二区| 相泽南亚洲一区二区在线播放| 精品人妻少妇一区二区三区不卡 | 日本一区二区三区在线视频观看免费 | 亚洲国产美国国产综合一区二区 | 丰满爆乳无码一区二区三区| 中文字幕乱码亚洲精品一区| 国产乱码一区二区三区| 亚洲精品伦理熟女国产一区二区 | 亚洲AV无码一区二区三区牲色| 亚洲国产成人久久一区二区三区| 亚洲一区二区无码偷拍| 麻豆国产在线不卡一区二区| 国产视频一区二区| 精品国产AⅤ一区二区三区4区 | 影音先锋中文无码一区| 少妇一夜三次一区二区| 一区二区三区免费看| 国产伦理一区二区| 91亚洲一区二区在线观看不卡| 精品无码人妻一区二区三区18| 国产一区二区视频免费| 国产一区二区精品久久岳|