扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
1.设置样式
目前创新互联已为1000+的企业提供了网站建设、域名、雅安服务器托管、网站托管、服务器托管、企业网站设计、永靖网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
A.单个设置
如:将所有段落字体设为红色
$("p").css("color","red");
B.一次性设置多个样式
如:将所有段落的字体颜色设为红色并且背景为蓝色。
$("p").css({ color: "#ff0011", background: "blue" });
2.获取样式值
如:取得第一个段落的color样式属性的值。
$("p").css("color");
是的,jQuery使用 CSS 选择器来选取元素。
jQuery 使用 CSS 选择器来选取 HTML 元素。例如:
$("p") 选取 p 元素。
$("p.intro") 选取所有 class="intro" 的 p 元素。
$("p#demo") 选取所有 id="demo" 的 p 元素。
jQuery css()选择器是jquery中的一个功能。
//1、获取和设置样式
$("#tow").attr("class");//获取ID为tow的class属性
$("#two").attr("class","divClass");//设置Id为two的class属性。
//2、追加样式
$("#two").addClass("divClass2");//为ID为two的对象追加样式divClass2
//3、移除样式
$("#two").removeClass("divClass");//移除 ID为two的对象的class名为divClass的样式。
$(#two).removeClass("divClass divClass2")移除多个样式。
//4、切换类名
$("#two").toggleClass("anotherClass") ;//重复切换anotherClass样式
//5、判断是否含有某项样式
$("#two").hasClass("another")==$("#two").is(".another");
//6、获取css样式中的样式
$("div").css("color");// 设置color属性值. $(element).css(style)
//设置单个样式
$("div").css("color","red");
//7设置多个样式
$("div").css({fontSize:"30px",color:"red"});
$("div").css("height","30px")==$("div").height("30px");
$("div").css("width","30px")==$("div").height("30px");
可以用addClass添加一个class,事先定义好里面的样式
removeClass可以删除一个class
还可以通过css方法直接在style上添加样式,取消一个css属性,可以将属性设为null或初始值
推荐使用js的经典第三方库jQuery,调用方便,代码精简:jquery中css()方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的background-color值:$("p").css("background-color")下面的例子将设置所有匹配到元素的background-color为红色:$("p").css("background-color","red")
$("div").each(function () {
var $div = $(this);
var $img = $div.find("img");
if ($img.length == 3) {
$img.css({ "margin": "15px" });
} else if ($img.length == 2) {
$img.css({ "margin": "20px" });
}
});
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流