jquery设立CSS文件中的样式
日期：2014-05-16 浏览次数：20514 次
jquery设置CSS文件中的样式
html[color=#FF0000][/color]
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="MyStyle/MyStyles.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="MyJs/myjs.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<button id="btnSet">设置样式</button>
<p id="pId">sdfadfasdf</p>
<p class="pCla">测试文字段落的动画</p>
<button id="btnGet">获取样式</button>
</div>
</form>
</body>
</html>
myjs.js内容[color=#FF00FF][/color]
$(document).ready(function () {
$("button#btnSet").click(function () {
$("p#pId").addClass("firstClass");
return false;
});
$("button#btnGet").click(function () {
var st = $("p#pId").css("color");
alert(st);
return false;
});
});
MyStyles.css文件内容[color=#FF0000][/color]
body {
}
firstClass
{
font-size:14;
color:Red;
font-family:@华文行楷;
}
secondClass
{
font-size:7;
color:Black;
font-family:@宋体;
}
疑问：addClass没有设置成功，用css("color")获取到的是白色而非红色，哪位指教下小弟
------解决方案--------------------
.firstClass
------解决方案--------------------
------解决方案--------------------
button#btnSet 为什么不直接#btnSet
html[color=#FF0000][/color]
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="MyStyle/MyStyles.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="MyJs/myjs.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<button id="btnSet">设置样式</button>
<p id="pId">sdfadfasdf</p>
<p class="pCla">测试文字段落的动画</p>
<button id="btnGet">获取样式</button>
</div>
</form>
</body>
</html>
myjs.js内容[color=#FF00FF][/color]
$(document).ready(function () {
$("button#btnSet").click(function () {
$("p#pId").addClass("firstClass");
return false;
});
$("button#btnGet").click(function () {
var st = $("p#pId").css("color");
alert(st);
return false;
});
});
MyStyles.css文件内容[color=#FF0000][/color]
body {
}
firstClass
{
font-size:14;
color:Red;
font-family:@华文行楷;
}
secondClass
{
font-size:7;
color:Black;
font-family:@宋体;
}
疑问：addClass没有设置成功，用css("color")获取到的是白色而非红色，哪位指教下小弟
------解决方案--------------------
.firstClass
------解决方案--------------------
------解决方案--------------------
button#btnSet 为什么不直接#btnSet
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
