clwn.net
当前位置:首页 >> jquEry更改Css >>

jquEry更改Css

试试$('a').mouseover(function () { $(this).css('color','red');});

//jquery 不支持这种写法background-color改成:backgroundcolor//$()里的选择器是要加上引号的//例子:$("#id").css("backgroundcolor","none")

$("div").css("height", "10px");//改变高度$("div").css("width", "10px");//改变宽度$("div").css({height: "10px", width: "10px"});//同时改变多个属性

在html里面加上下面一段:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script><script type="text/javascript"> $(function(){ $(".home").click(function(){ $(this).addClass ("home_hover").removeClass("home"); }) })</script >

改变link标签的链接源就可以了,我以前写过的一个类似的,根据喜好选择不同的主题:页面中引入了这样一个外部样式:请选择主题:tricolore主题twilight主题zenburnesque主题脚本代码这样写:<script> function changecss(obj) { document.getElementById("theme").href ="themes/"+obj.value+".css"; return false; };</script>

推荐使用js的经典第三方库jQuery,调用方便,代码精简:jquery中css()方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的background-color值:$("p").css("background-color")下面的例子将设置所有匹配到元素的background-color为红色:$("p").css("background-color","red")

$("").css("name","value");$("").css({"name1":"value1", "name2":"value2"});$("").addClass("class1");$("").removeClass("class2");

这个有两个方法 一个是$("你要的id").click(fuction(){ $(this).each(遍历) 首先要移除Class 再是添加Class //或者是用parent结点找元素 移除 添加})

<html><br><head></head><br><body><br> <input id="btn" type="button" onmouseover=" alert('测试弹窗')" value="鼠标经过我" /><br></body><br></html>

$(":button").toggle(function(){ $("link").attr("href", "close.css");}, function(){ $("link").attr("href", "open.css");});

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.clwn.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com