十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
做鼠标点击事件更改CSS方法:
我们拥有十余年网页设计和网站建设经验,从网站策划到网站制作,我们的网页设计师为您提供的解决方案。为企业提供成都网站制作、成都网站建设、微信开发、成都小程序开发、手机网站制作、H5建站、等业务。无论您有什么样的网站设计或者设计方案要求,我们都将富于创造性的提供专业设计服务并满足您的需求。
若点击AAA后一直都是none,点任意一个地方都是none.
div class="BBB" style="display: none;"
则把hide,show方法,换成css(),和你上面那样式放进去即可。
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。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");
代码如下:
!DOCTYPE html
html
head
meta charset="utf-8" /
titleTest/title
script src="" type="text/javascript" charset="utf-8"/script
style
.test1{
color:red !important;
}
/style
/head
body
div class="test1"这是一个测试!/div
br /
br /
button class="test2"change/button
script
$(function() {
$(".test2").off("click").on("click",function(){//点击按钮改变字体颜色和大小
$(".test1").css("cssText","color:blue !important;font-size:40px;");
});
});
/script
/body
/html
望采纳~!
推荐使用js的经典第三方库jQuery,调用方便,代码精简:jquery中css()方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的background-color值:$("p").css("background-color")下面的例子将设置所有匹配到元素的background-color为红色:$("p").css("background-color","red")
1.设置样式
A.单个设置
如:将所有段落字体设为红色
$("p").css("color","red");
B.一次性设置多个样式
如:将所有段落的字体颜色设为红色并且背景为蓝色。
$("p").css({ color: "#ff0011", background: "blue" });
2.获取样式值
如:取得第一个段落的color样式属性的值。
$("p").css("color");