美文网首页
jQuery中的样式操作

jQuery中的样式操作

作者: 大步迈 | 来源:发表于2016-08-31 21:33 被阅读18次

操作样式

addClass()添加样式

removeClass()移除样式

toggleClass()切换样式

hasClass()判断是否有样式

css()设置匹配元素的css样式(行内样式)

height()获取高度

innerHeight()获取padding的高度,不包括border和margin,会把padding值计算进去

outerHeight(bool) 参数为true时,获取内外边距框和border的高度,如果参数不写,默认值为false,不会把margin值计算进去,如果返回 为true,会把border,margin,padding都计算进去。

width()获取宽度

innerWidth() 获取包括padding的宽度,不包括border

outerWidth()参数为true时获取内外边框和border的宽度

offset()获取元素的位置,是相对于浏览器的距离

offsetParent()离匹配元素最近的有position属性的元素

position()相对于offsetParent()的坐标

scrollTop()纵向滚动条的位置

scrollLeft()横向滚动条的位置

text()获取标签中的文本内容,如果没有参数,会获得匹配元素的文本节点,如果有参数,会修改匹配元素的文本节点。如果标签内只有子元素,用html()才可以获得匹配元素里面的真实内容。在括号内写上文本内容时,会将原来的文本替换。

相关文章

  • jQuery操作 及动画效果

    jQuery样式操作 click事件 jQuery索引值 jQuery做选项卡 jQuery属性操作 jQuery...

  • jQuery操作 及动画效果

    jQuery样式操作 click事件 jQuery索引值 jQuery做选项卡 jQuery属性操作 jQuery...

  • jQuery操作 及动画效果

    jQuery样式操作 click事件 jQuery索引值 jQuery做选项卡 jQuery属性操作 jQuery...

  • jQuery 样式操作

    jQuery 样式操作 1、基本样式操作 设置样式属性操作 获取样式属性操作 2、类样式操作 添加类样式 移除类样...

  • jQuery 之 样式操作 & 属性操作 & 绑

    jquery样式操作 jquery用法思想二 (同一个函数完成取值和赋值)操作行间样式// 获取div的样式$("...

  • jQuery操作样式与属性

    jQuery操作样式 css操作 功能:设置或者修改样式,操作的是style属性 操作单个样式 设置多个样式 获取...

  • jquery的样式操作及属性操作

    一、jquery样式操作 操作行间样式// 获取div的样式$("div").css("width");$("di...

  • jQuery中的样式操作

    操作样式 addClass()添加样式 removeClass()移除样式 toggleClass()切换样式 h...

  • 前端学习笔记(二)

    jquery和JavaScript之间操作属性和样式的方法,被我搞混了,认真学习区分了一下。 jquery操作样式...

  • JQuery基础知识

    jQuery操作DOM jQuery的选择器 基本选择器 层级选择器 过滤选择器 jQuery操作样式 css操作...

网友评论

      本文标题:jQuery中的样式操作

      本文链接:https://www.haomeiwen.com/subject/afwqettx.html