如何用jquery 控制css样式_框架

//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");

jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性，下面的例子将返回首个匹配元素的 background-color 值：

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

父级的同级元素的子标签的css样式如下：

//eq(0)表示选择匹配到多个元素中的第一个

$("target")parent()siblings()eq(0)children()eq(0)

css方法：

1、取得第一个段落的color样式属性的值。

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

2、将所有段落的字体颜色设为红色并且背景为蓝色。

$("p")css({ color: "#ff0011", background: "blue" });<html>

<head>

<title>JQuery中如何获取样式属性的值</title>

<style>

top {

background: url(Tupianjpg) no-repeat;

width: 75px;

height: 90px;

}

</style>

$(function () {

var url = $("divtop")css("background-image");

alert(url);

})

</script>

</head>

<body>

</body>

</html>

以上就是关于如何用jquery 控制css样式全部的内容，包括:如何用jquery 控制css样式、jquery 获取父级的同级下面的子标签的css样式、JQuery中如何获取样式属性的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/9572601.html

如何用jquery 控制css样式

发表评论

评论列表（0条）