jq改变css样式宽度,jq设置css宽度

如何用jquery改变样式可以调用css中的样式吗

1. 如果要调用css中的样式，则可以直接改变class,

.clolor-red: {color: red}

$('div').addClass('color-red');

2. 可以直接改变样式，$('div').css('color', 'red')

[img]

相关问答

Q1: 想用jQuery mobile js 做网页的自适应大小宽度的改变，就是当网页宽度变小时页面还是显示的原来所有内容

设置宽度为100%，列表就可以适应屏幕。同时如果你的头像要保证是正方形，就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css("width","150px");$(id).css("height","150px");就是一个正方形，当然，不一定是150px，具体的宽度也可以动态获取屏幕并计算。

Q2: js如何更改css样式，

JS可以使用css属性来进行样式修改，并且不仅可以修改单一属性，也可以同时修改多个属性。

案例

以下小案例使用JQuery作为演示。

前提： html页面首先必须引入JQuery，放置在body体最后的位置。例如：

script type="text/javascript" src=""/script

html部分代码

p

    我是一个段落，我没有背景颜色的，但是JQuery会给我增加背景颜色。

/p

button

点击我，给上面段落添加黄色背景颜色。

/button

JQuery代码

 $("button").click(function(){

        $("p").css("background-color", "yellow");

 });

修改多个属性

$("button").click(function(){

        $("p").css({"background-color": "yellow", "font-size": "200%"});

 });

结论与解释：

首先使用Jquery选择器进行元素选择 - $("button")

为该元素绑定点击事件 - click

click中的匿名函数修改css属性。

在css属性的修改中，p段落有了黄色背景； 多个属性修改，不但有了黄色背景而且字体是之前的两倍大小。

注意事项：

可以不用非要绑定事件，在本案例中，绑定事件是为了更好地演示Jquery如何操作css属性。

修改单一属性和多个属性的写法是有区别的，多个属性使用{},属性与值之间用：分割，属性与属性之间用，分割。

Q3: jq修改css可以用rem吗

rem一般用于设置字体的大小，1rem就是html根元素的字体大小，2rem就是html字体大小的2倍，1.5rem是html字体的1.5倍，0.75rem则是html字体大小的四分之三，依此类推。

因此，rem是一个相对长度单位，当改变html根元素的字体大小时，所有以rem为单位的字体大小也会跟着放大或缩小。

当然，它也可以用在其它地方，不一定是字体大小。比如要把某个元素的宽度设为5个字符的宽度，则 {width:5rem}

Q4: jquery怎么设置class

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script标签，输入jquery代码：$('input').css('width', '250px');。

3、浏览器运行index.html页面，此时输入框的css样式的宽度被成功设置250px。