jQuery获取HTML元素“div”的宽度：$("div").width()

一、途径：

第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度，而通过#div1offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。

二、小结：

因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。

三、代码：

var o = documentgetElementById("view");

var h = ooffsetHeight; //高度

var w = ooffsetWidth; //宽度

参考资料

js获取Html元素的实际宽度高度的方法脚本之家[引用时间2017-12-29]

兄弟，给你改了一下，如果你想要点击a的时候，它的父元素li 的class变成 closed，

那用jquery就像下面那样写，复制过去看看吧：

---------------------------------------------------------------------------------------------------

<script>

$(function(){

$("a")click(function(){

$(this)parent()attr("class","closed");

});

});

</script>

首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：

<div id='id1' class='class2'></div>

$('#id1') 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。

$('#id1')attr('id')，就是获取到ID

$('#id1')attr('class')，就是获取到整个的class样式，多个样式可以自行用空格split一下。

一通过修改标签属性来改变它的样式

js设置和获取标签的属性

代码如下:

jq设置和获取标签的属性

代码如下:

值得注意的是JS的windowonload方法块的内容是在JQ的$(function(){})方法块执行完成后，再执行的。

二通过修改标签的css样式来改变它的样式

看看基本的语法：

代码如下:

$("#attr")addClass("banner");//添加样式

$("#attr")removeClass("banner");//移除样式

//JQ支持连带写法，因为removeClass的返回结果也是一个Jq对象，所以Jq对象的所有方法和事件它都可以使用

$("#attr")removeClass("banner")addClass("bannerOver");

下面是一个例子，当在dd标签上单击时，将当前dd块进行高亮显示

代码如下:

人一种高级动物狗人类的朋友猫猫科动物的祖先

下面是为表格的隔行变色效果

代码如下:

odd{background:#808080;}

even{background:#ffd800;}

selected{background:#0094ff;color:#fff;}hover{background:#808080;}

代码如下:

var$trs=$("#menu_title>dd");//选择所有行$trsfilter(":odd")addClass("odd");//给奇数行添加odd样式$trsfilter(":even")addClass("even");//给偶数行添加odd样式

单击行后，让当前行高亮显示

代码如下:

//点击行,添加变色样式

$trsclick(function(e){

$(this)addClass("selected")

siblings()removeClass("selected");

})

添加鼠标移入与移出事件

代码如下:

//鼠标移入与移出

$("#menu_title>dd")hover(

function(){

$(this)addClass("hover");

},

function(){

$(this)removeClass("hover");

}

);

以上就是关于jQuery获取HTML元素“div”的宽度：$("div").width()全部的内容，包括:jQuery获取HTML元素“div”的宽度：$("div").width()、jquery 中获取一个对象怎么通过子类修改他父类的样式、如何用Jquery获取某一个Div的Class或者ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！