jquery修改style属性的简单介绍

如何用jquery动态修改元素的display属性

可以使用jQuery的css方法，css()需要传两个参数，第一个是css元素的名称，第二个为值，例如css("display",'none');

工具原料：编辑器、浏览器

1、使用css()方法来设置某一个元素的display属性，代码如下：

body

div id="div1"

test

/div

script

$(function(){

$("#div1").css("display",'none');

})

/script

/body

2、以上代码中使用$("#div1")选择器选择到div元素，然后使用css方法来设置其display值为none将元素隐藏。

3、运行的代码如下：

没有运行js代码之前：

运行的之后：

相关问答

Q1: jquery怎么实现改变li下面a的样式

$("li a").css('color','red');//直接改变样式颜色

$("li a").addClass('color');//添加样式color

$("li a").attr('style','');//修改style属性

这3种方式都可以

Q2: jquery怎么动态加style属性

使用jQuery css() 方法

css() 方法设置或返回被选元素的一个或多个样式属性。

语法：

css("propertyname","value");

1.当value参数不存在时为获取该属性

2.当value参数存在时为设置该属性。

$("p").css("background-color");//获取p元素的背景颜色

$("p").css("background-color","yellow");//设置p元素的背景颜色为黄色

Q3: jquery怎么获取style里面的属性值

jquery获取style的属性值有两种方法

第一种是getElementById() 方法。它可以返回对拥有指定 ID 的第一个对象的引用。在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。

第二种是getElementsByName() 方法，它可以返回带有指定名称的对象的集合。该方法与getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

Q4: jquery修改标签中的style

可以。

$('ul.jPag-pages').removeAttr('style');

有时候因为JS生成html需要一点时间被浏览器加载，上面这段代码可能会出错，可以这样写。（加个延时函数）

setTimeout(function(){

    $('ul.jPag-pages').removeAttr('style');

},200);