jquery如何去掉div的style

Posted 2023-03-28

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

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

2、在index.html中的<script>标签，输入jquery代码：$('div').attr('style', '');。

3、浏览器运行index.html页面，此时通过jquery成功去除了div的style。

参考技术A 先判断div的style是通过style属性添加还是通过class添加。
可以使用jquery很方便的解决这个问题。
<!--通过style属性直接添加--><div style="width:100px" id="div"></div><!--通过class添加--><style type="text/css">.abcwidth:100px;</style><div class="abc" id="div2"></div><script type="text/javascript">//直接去掉style$("#div").removeAttr("style"); //去掉div的class$("#div2").removeClass("abc");</script>

方法说明：
removeAttr() 方法从被选元素中移除属性。
removeClass() 方法从被选元素移除一个或多个类。本回答被提问者采纳

JQuery与JavaScript

jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。

如何把jQuery对象转成DOM对象？

<div>元素一</div>
<div>元素二</div>
<div>元素三</div>

 

var $div = $(‘div‘) //jQuery对象
var div = $div[0] //转化成DOM对象
div.style.color = ‘red‘ //操作dom对象的属性

用jQuery找到所有的div元素（3个），因为jQuery对象也是一个数组结构，可以通过数组下标索引找到第一个div元素，通过返回的div对象，调用它的style属性修改第一个div元素的颜色。

 

jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引：

var $div = $(‘div‘) //jQuery对象
var div = $div.get(0) //通过get方法，转化成DOM对象
div.style.color = ‘red‘ //操作dom对象的属性

DOM对象转化成jQuery对象

var div = document.getElementsByTagName(‘div‘); //dom对象
var $div = $(div); //jQuery对象
var $first = $div.first(); //找到第一个div元素
$first.css(‘color‘, ‘red‘); //给第一个元素设置颜色

通过getElementsByTagName获取到所有div节点的元素，结果是一个dom合集对象，不过这个对象是一个数组合集(3个div元素)。通过$(div)方法转化成jQuery对象，通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。