jquery中,想要给第一个指定的元素添加样式

jquery中,想要给第一个指定的元素添加样式,第1张

请选择 D css(name,value)

设置css

$("selector").css("样式名", "样式值")

$("selector").css({"样式名" : "样式值", "样式名" : "样式值"})

获取css

$("selector").css("样式名")

删除css:

$("selector").removeAttr("style")

设置高度: $("selector").height("值")

获取高度: $("selector").height()

设置宽度: $("selector").width("值")

获取宽度: $("selector").width()

1、首先打开hbuilder编辑器,在html文件中写入5个li标签,第一个li标签设置class样式,再在上方设置li标签的高度、宽度、字体大小、行高的等属性,再设置第一个li标签的样式,给它加一个外边框。

2、然后在下方先引入jQuery的库文件,在script标签中先用$选择器得到li标签的dom对象并给li标签设置一个点击事件,当点击li标签的时候,先调用siblings方法找到同级的li标签去除设置的css样式,然后在给点击的li标签添加样式就可以了。

3、最后打开浏览器,可以看到并排的5个li标签,第一个li标签是有红色边框的。

4、当点击其他的li标签的时候,原来的li标签的边框就没有样式了,点击后的li标签会增加红色边框。                       


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11626776.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存