jQuery添加css样式 点击链接后样式显示一下就消失了

html-css08

jQuery添加css样式 点击链接后样式显示一下就消失了,第1张

使用 return false，将会禁止向上冒泡和禁止默认行为。也就是禁止了元素的默认响应和上层元素的继续响应。

建议先检查上层元素是否有click响应，再尝试先remove后addclass试试。

jquery中css（）方法可以并列多个属性。如下参考

/*css(properties)

把一个“名/值对”对象设置为所有匹配元素的样式属性。

这是一种在所有匹配的元素上设置大量样式属性的最佳方式。

*/

例如：

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

$("p").css({ "margin-left": "10px", "background-color": "blue" })

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