
设置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标签会增加红色边框。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)