jQuery类库——getter和setter

  • 获取和设置HTML属性

attr()方法是jQuery中用于HTML属性的getter/setter,removeAttr()从所有选中元素中移除某个属性。

  • 获取和设置CSS属性

css()方法作用于元素的CSS样式,不能获取复合样式。获取样式时,把数值转换成带有单位后缀的字符串返回。设置样式时,将数值转换成字符串,必要时添加“px"后缀。

  • 获取和设置CSS类

addClass()removeClass()用来从选中元素中添加和删除类。toggleClass()的用途是,当元素还没有某些类时,给元素添加这些类;反之则删除。hasClass()用来判断某类是否存在。

  • 获取和设置HTML表单值

val()方法用来设置和获取HTML表单元素的value属性,以及复选框、单选按钮、<select>元素的选中状态。

  • 设置和获取元素内容

text()html()方法用来获取或设置元素的纯文本或HTML内容。如果不带参数调用,text()返回所有匹配元素的所有子孙文本节点的纯文本内容;如果不带参数调用html()方法,返回第一个匹配元素的HTML内容。

  • 获取和设置元素的位置高宽

offset()方法可以获取或设置元素的位置,相对文档来计算位置值,返回一个对象,带有left和top属性,用来表示X和Y坐标。position()方法只能用作getter,返回的元素位置是相对于其偏移父元素的,而不是相对于文档的。offsetParent()方法把每个元素映射到最近的定位祖先元素或<body>元素。

width()height()方法返回基本的宽度和高度,不包含内边距、边框和外边距。innerWidth()innerHeight()返回元素的宽度和高度,包含内边距的宽度和高度。outerWidth()outerHeight()返回的是包含元素内边距和边框的尺寸,如果传入参数true,还可以返回包含元素外边距的尺寸。


当jQuery对象的第一个元素是Window或Document对象时,width()和height()返回的是窗口的视口大小或文档的整体尺寸。width()和height()用作getter时,返回元素的内容盒子的尺寸,不包括内边距,边框和外边距。用作setter时,简单设置CSS的width和height属性。

scrollTop()scrollLeft()可获取或设置元素的滚动条位置,与其它setter不同的是,不可给其传递函数。根据页面数向上或向下滚动窗口:

function page(n){
   var w=$(window);
   var pagesize=w.height();
   var current=w.scrollTop();
   w.scrollTop(current+n*pagesize);
}
  • 获取或设置元素数据

data()方法用来设置或获取与文档元素、Document或Window对象相关联的数据。removeData()从元素中删除数据。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值