• 技术文章 >web前端 >前端问答

    jquery样式操作有哪些

    青灯夜游青灯夜游2021-11-16 17:00:45原创332

    jquery样式操作:1、使用css()设置或返回匹配元素的样式属性;2、使用height()设置或返回匹配元素的高度;3、用offset()返回第一个匹配元素相对于文档的位置;4、用offsetParent()返回最近的定位祖先元素等等。

    本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

    jquery中的样式操作

    1、css()

    css() 方法返回或设置匹配的元素的一个或多个样式属性。

    语法:

    //返回样式属性值
    $(selector).css(name)
    
    //设置样式属性
    $(selector).css(name,value)
    $(selector).css({property:value, property:value, ...})

    2、height()

    height() 方法返回或设置匹配元素的高度。

    语法:

    //返回样式高度
    $(selector).height()
    
    //设置样式高度
    $(selector).height(length)

    3、width()

    width() 方法返回或设置匹配元素的宽度。

    语法:

    $(selector).width()
    $(selector).width(length)

    4、offset()

    offset() 方法返回或设置匹配元素相对于文档的偏移(位置)。

    语法:

    $(selector).offset()
    $(selector).offset(value)

    5、offsetParent()

    offsetParent() 方法返回最近的祖先定位元素。

    定位元素指的是元素的 CSS position 属性被设置为 relative、absolute 或 fixed 的元素。

    可以通过 jQuery 设置 position,或者通过 CSS 的 position 属性。

    语法:

    $(selector).offsetParent()

    6、position()

    position() 方法返回匹配元素相对于父元素的位置(偏移)。

    该方法返回的对象包含两个整型属性:top 和 left,以像素计。

    此方法只对可见元素有效。

    语法:

    $(selector).position()

    7、scrollLeft()

    scrollLeft() 方法返回或设置匹配元素的滚动条的水平位置。

    滚动条的水平位置指的是从其左侧滚动过的像素数。当滚动条位于最左侧时,位置是 0。

    语法:

    //返回水平滚动条位置
    $(selector).scrollLeft()
    
    //设置水平滚动条位置
    $(selector).scrollLeft(position)

    8、scrollTop()

    scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。

    scroll top offset 指的是滚动条相对于其顶部的偏移。

    如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。

    语法:

    $(selector).scrollTop(offset)

    相关教程推荐:jQuery视频教程

    以上就是jquery样式操作有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery 样式操作
    上一篇:jquery可以遍历array数组吗 下一篇:html的英文名称是什么
    PHP编程就业班

    相关文章推荐

    • jquery中怎么增加子节点• jquery怎么去除第一个元素• jquery字符串怎样转数字• jquery怎么修改z-index值• jquery怎么移除当前class

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网