前端学习JQuery篇05——基本操作(CSS)

本文详细介绍了jQuery中用于操作元素样式的各种方法,包括css()、jQuery.cssHooks、offset()、position()、scrollTop()、scrollLeft()等,以及用于获取和设置元素尺寸的方法如height()、width()、innerHeight()、innerWidth()、outerHeight()和outerWidth()。通过这些方法,开发者可以轻松地调整网页布局和元素外观。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS

css(name|pro|[,val|fn])1.9*访问或设置匹配元素的样式属性。

  • 一个参数为访问
  • 两个参数为设置


jQuery.cssHooks直接向 jQuery 中添加钩子,用于覆盖设置或获取特定 CSS 属性时的方法,目的是为了标准化 CSS 属性名或创建自定义属性。

  • 它的目的是为了标准化 CSS 属性名或创建自定义属性。
  • 例如,某些版本基于Webkit的浏览器需要-webkit-border-radius属性来设置元素的border-radius, 而早期的Firefox版本使用-moz-border-radius属性。一个CSS hook 可以标准化这些有前缀的属性, 让.css() 接受一个单一的,标准的属性的名称(border-radius,或用DOM属性的语法,borderRadius)


位置

offset([coordinates])获取或设置匹配元素在当前浏览器窗口的相对偏移

  • 无参数为获取
  • 有{left:'100',top:'100'}参数为设置

position()获取或设置匹配元素相对父元素的偏移。

  • 无参数为获取
  • 有{left:'100',top:'100'}参数为设置
  • 返回的对象包含两个整型属性:top 和 left。为精确计算结果,请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。


scrollTop([val])获取或设置匹配元素相对滚动条顶部的偏移


scrollLeft([val])获取或设置匹配元素相对滚动条左侧的偏移。


尺寸


height([val|fn])取得或设置第一个匹配元素当前计算的高度值(px)

  • 在 jQuery 1.2 以后可以用来获取 window 和 document 的高

width([val|fn])取得或设置第一个匹配元素当前计算的宽度值(px)

  • 在 jQuery 1.2 以后可以用来获取 window 和 document 的宽

innerHeight()获取或设置第一个匹配元素内部区域高度(包括内边距、不包括边框)

  • 此方法对可见和隐藏元素均有效

innerWidth()获取或设置第一个匹配元素内部区域宽度(包括内边距、不包括边框)

  • 此方法对可见和隐藏元素均有效

outerHeight([options])获取或设置第一个匹配元素外部高度(默认包括内边距和边框)

  • 此方法对可见和隐藏元素均有效

outerWidth([options])获取或设置第一个匹配元素外部宽度(默认包括补白和边框)

  • 此方法对可见和隐藏元素均有效

转载于:https://www.cnblogs.com/no-wing/p/9398581.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值