jquery的css方法(改变jquery对象的css)
jquery怎么用拼接的方式完成css方法
根据你提供的信息,你是想直接通过接收GetCss()的参数来给jQuery对象设置样式。因此可以将GetCss方法改为:
var GetCss =function()
{
return {"height":"20px"}
}
即可。此处返回的值是json对象,而jQuery的css方法也接收json对象。如果想在GetCss方法中添加更多的css样式属性,可
var GetCss =function()
{
return {"height":"20px","width":"40px"}
}
即可达到你想要的效果,注意json对象中每组属性间要以逗号分隔。

jquery中css()方法的格式问题
下面这些都是正确的:
$(this).css({backgroundColor:"red"});
$(this).css({"background-color":"red"});
$(this).css("background-color","red");
$("p").css("background-color","yellow");
$("p").css({"background-color":"yellow"});
$("p").css({backgroundColor:"yellow"});
有花括号的是以一个(注意是一个)json对象作为参数,里面至少应该包含一个键值对,键和值之间用冒号(:)隔开,其中键既可以用DOM格式(即驼峰格式,如backgroundColor),也可以用css属性字串(如"background-color");没有花括号的则是用两个(注意是两个)字符串作为参数,第一个字符串是键(必须用css属性格式),第二个字符串则是值,两个参数之间用逗号(,)隔开。
用json对象做参数适合于一次性设置多个css属性,比如
$("p").css({"background-color":"yellow","width":"200px","margin-left":"30px"});
而用字符串做参数则一次只能设置一个属性。
如何用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样式
可以用jquery中的css()方法;
css()有两个参数。第一个参数是必选参数,一般是指css样式中的属性。第二个参数是可选参数,一般是指css样式中属性的值。当只有第一个参数是,则是指获取该属性的值。如果也有第二个参数,那就是表示改变属性的值。
示例如下:
!doctype?html
html
head
meta?charset='utf-8'?/
title/title
script?type="text/javascript"?language="javascript"?src='jquery.js'/script
script?language='javascript'
????$(function(){
????????$('#btn1').click(function(){
????????????//css()为一个参数
????????????var?divWid=$('#div-box').css('width');
????????????alert(divWid);
????????});
????????$('#btn2').click(function(){
????????????//css()为两个参数
????????????var?divWid=$('#div-box').css('background','#00f');
????????});
????})
/script
style?type="text/css"
????#div-box?{width:200px;height:100px;background:#f00;}
/style
/head
?
body
div?id="div-box"/div
input?type='button'?id='btn1'?value='提取'?/
input?type='button'?id='btn2'?value='改变'?/
/body
/html
jquery中css()方法连续并列几个属性
jquery中css()方法可以并列多个属性。如下参考
/*css(properties)
把一个“名/值对”对象设置为所有匹配元素的样式属性。
这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
*/
例如:
$("p").css({?color:?"#ff0011",?background:?"blue"?});
$("p").css({?"margin-left":?"10px",?"background-color":?"blue"?});
如何使用jquery修改css中带有,important的样式属性
常用的方法有两种:
1、用jquery直接加样式在html控件上,但是需要注意点加important的格式,如:
$("p").click(function(){
$(this).css("cssText","color:red!important");
});
2、用jquery改变class,从而达到改变样式的目的,如果可以,就用jquery修改原来的class,如果原有class是必须的或者没有class,就定义一个新的class,在样式表里定义好这个class对应的样式属性,把你想改变的原来的css属性重新赋值且加上important,这样就能覆盖掉原来的加了important样式了。