整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
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()方法會把包含的字符轉(zhuǎn)義處理,html()則不會.所謂轉(zhuǎn)義就是字符的另一種顯示方法,例如"<" 顯示成 "<",這就是轉(zhuǎn)義了,其中的<就是<的轉(zhuǎn)義字符.還有很多可以轉(zhuǎn)義的字符,可以搜索下看看.
下邊是項目中用到的2個語句:span中包含了jquery的語句輸出結(jié)果.
1. $('.title').text("<img src=" ">");
顯示結(jié)果為<img src=" ">,這里的<img src=" ">不會被解析成html的img標簽,而是以存字母文字的形式顯示,也就是單純的字符串:<img src=" "> .并且f12查看源碼時看到span包含的<img src=" ">文字內(nèi)容外層有雙引號哦.看下圖,
?
如果你用右鍵選擇編輯為html,則看到其中的轉(zhuǎn)義字符<這就說明我們的<被轉(zhuǎn)移了,
?
如果我們想把<img>顯示成標簽,被瀏覽器解析.那么就需要如下方法.
2. $('.title').html("<img >");
顯示結(jié)果為解析后的html代碼段,那么這里的<img >就會按照h5的標簽img圖片進行解析顯示了.下圖是f12的頁面代碼結(jié)果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方法 只獲取標簽中的文本內(nèi)容
alert($("#myDiv").text());
}
function f2()
{
//html方法 獲取指定標簽中的html標簽和內(nèi)容
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>
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
