例如给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的,总是要去查一下才行,效率很低,所以有必要总结一下。