给元素标签设置样式方法

例如给id为Div的元素的高度设置为200px;

原生js设置方法:

var Div = document.getElementById("Div")

方法一:Div.style.height = "200px";

方法二:Div.style["height"] = "200px";

方法三:Div.style.cssText = "height:200px";(可设置多个样式)

方法四:Div.setAttribute("class","height");(通过添加名为height的class属性简介为标签添加样式,可添加多个样式,若标签已存在clss属性,这样会改变class属性值)

总结:主要使用js的style属性


jQuery方法:

方法一:$("#Div").css({"height":"200px"});(可添加多个样式)

方法二:$("#Div").addClass("height");(通过添加名为height的class属性简介为标签添加样式,可添加多个样式)

方法三:$("#Div").attr("class","height");(通过添加名为height的class属性简介为标签添加样式,可添加多个样式。此外该方法还可以用于返回被选元素的属性值)

总结:相对于原生js,jquery获取元素对象更简单。

在实际写代码的过程中,总是把js原生的属性和方法与jQuery的属性和方法弄混,很多时候想到某个方法但又不确定是原生的还是jQuery的,总是要去查一下才行,效率很低,所以有必要总结一下。


你可能感兴趣的:(给元素标签设置样式方法)