给元素标签设置样式方法

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


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值