为了账号安全,请及时绑定邮箱和手机立即绑定

JQuery学习系列CSS

标签:
JQuery

jQuery 拥有三种用于 CSS 操作的重要函数:

  • $(selector).css(name,value)

  • $(selector).css({properties})

  • $(selector).css(name)

实例

$(selector).css(name,value)$("p").css("background-color","red");
$(selector).css({properties})  $("p").css({"background-color":"red","font-size":"200%"});
$(selector).css(name)  $(this).css("background-color");

jQuery 拥有两种用于尺寸操作的重要函数:

  • $(selector).height(value)

  • $(selector).width(value)

实例

$(selector).height(value)$("#id100").height("200px");

 

$(selector).width(value)$("#id200").width("300px");

常见JQuery CSS函数:


CSS 属性描述
css()设置或返回匹配元素的样式属性。
height()设置或返回匹配元素的高度。
offset()返回第一个匹配元素相对于文档的位置。
offsetParent()返回最近的定位祖先元素。
position()返回第一个匹配元素相对于父元素的位置。
scrollLeft()设置或返回匹配元素相对滚动条顶部的偏移。
scrollTop()设置或返回匹配元素相对滚动条左侧的偏移。
width()设置或返回匹配元素的宽度。


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消