jq点击css样式,css点击事件改变css的样式属性

jquery怎么控制css样式

1.设置样式

成都创新互联公司是一家专注于成都网站设计、成都网站建设、外贸网站建设与策划设计,红花岗网站建设哪家好?成都创新互联公司做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:红花岗等地区。红花岗做网站价格咨询:18982081108

A.单个设置

如：将所有段落字体设为红色

$("p").css("color","red");

B.一次性设置多个样式

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

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

2.获取样式值

如：取得第一个段落的color样式属性的值。

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

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

做鼠标点击事件更改CSS方法：

若点击AAA后一直都是none，点任意一个地方都是none.

div class="BBB" style="display: none;"

则把hide,show方法，换成css()，和你上面那样式放进去即可。

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容