• jQuery CSS样式方法


    方法描述
    addClass()向被选元素添加一个或多个类名
    after()在被选元素后插入内容
    append()在被选元素的结尾插入内容
    appendTo()在被选元素的结尾插入 HTML 元素
    attr()设置或返回被选元素的属性/值
    before()在被选元素前插入内容
    clone()生成被选元素的副本
    css()为被选元素设置或返回一个或多个样式属性
    detach()移除被选元素(保留数据和事件)
    empty()从被选元素移除所有子节点和内容
    hasClass()检查被选元素是否包含指定的 class 名称
    height()设置或返回被选元素的高度
    html()设置或返回被选元素的内容
    innerHeight()返回元素的高度(包含 padding,不包含 border)
    innerWidth()返回元素的宽度(包含 padding,不包含 border)
    insertAfter()在被选元素后插入 HTML 元素
    insertBefore()在被选元素前插入 HTML 元素
    offset()设置或返回被选元素的偏移坐标(相对于文档)
    offsetParent()返回第一个定位的祖先元素
    outerHeight()返回元素的高度(包含 padding 和 border)
    outerWidth()返回元素的宽度(包含 padding 和 border)
    position()返回元素的位置(相对于父元素)
    prepend()在被选元素的开头插入内容
    prependTo())在被选元素的开头插入 HTML 元素
    prop()设置或返回被选元素的属性/值
    remove()移除被选元素(包含数据和事件)
    removeAttr()l)从被选元素移除一个或多个属性
    removeClass()从被选元素移除一个或多个类
    removeProp()l)移除通过 prop() 方法设置的属性
    replaceAll()l)把被选元素替换为新的 HTML 元素
    replaceWith()把被选元素替换为新的内容
    scrollLeft())设置或返回被选元素的水平滚动条位置
    scrollTop()设置或返回被选元素的垂直滚动条位置
    text()设置或返回被选元素的文本内容
    toggleClass()在被选元素中添加/移除一个或多个类之间切换
    unwrap()移除被选元素的父元素
    val()设置或返回被选元素的属性值(针对表单元素)
    width()设置或返回被选元素的宽度
    wrap()在每个被选元素的周围用 HTML 元素包裹起来
    wrapAll()在所有被选元素的周围用 HTML 元素包裹起来
    wrapInner()在每个被选元素的内容周围用 HTML 元素包裹起来
    $.escapeSelector()转义CSS选择器中有特殊意义的字符或字符串
    $.cssHooks]提供了一种方法通过定义函数来获取和设置特定的CSS值

    (二)css

    css

    设置匹配的样式属性

    $("p").css({ "color": "#ff0011", "background": "blue" });
    
    offset()

    获取匹配元素在当前视口的相对偏移

    $("#div2").offset().left
    $("#div2").offset().top
    
    position()

    获取匹配元素相对父元素的偏移

    $("#div2").position().left;
    $("#div2").position().top;
    
    scrollTop()

    获取匹配元素相对滚动条顶部的偏移

    $("#div2").scrollTop();
    
    scrollLeft()

    获取匹配元素相对滚动条左侧的偏移

    $("#div2").scrollLeft();
    
    height()

    获取第一个匹配元素当前计算的高度值

    $("p").height();
    

    设置所有匹配到的元素高度值为20

    $("p").height(20);
    
    width()

    获取第一个p元素的宽

    $("p").width();
    

    把所有段落的宽设为20

    $("p").width(20);
    
    innerHeight()

    获取第一个匹配元素的内部区域的高度(包括补白,不包括边框)

    $("p").innerHeight();
    
    outerHeight()

    获取第一个匹配元素外部高度(包括补白和边框,此方法对可见和隐藏元素均有效,包括height + padding + border)

    $("p").outerHeight();
    

    参数为true时,获取的是height+ padding + border + margin

    $("p").outerheight(true))
    
    innerWidth()

    获取第一个匹配元素的内部区域的宽度(包括补白,不包括边框)

    $("p").innerWidth();
    
    outerWidth()

    获取第一个匹配元素外部高度(包括补白和边框,此方法对可见和隐藏元素均有效,包括width + padding + border)

    $("p").outerWidth();
    

    参数为true时,获取的是width + padding + border + margin

    $("p").outerWidth(true))
    
    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    走微软的路,何去何从?
    无须学生edu邮箱免费获得WP8开发者账号与解锁教程
    javascript获取页面宽度高度及屏幕分辨率
    商业思维导图Mindmap软件XMind
    工作笔记软件EverNote
    类的成员函数指针数组
    Live Connect和Live SDK的一些简介
    山寨新浪微博客户端与新浪微博API调用的总结
    Js整理备忘(01)—— 变量作用域
    Js整理备忘(02)——运算符
  • 原文地址:https://www.cnblogs.com/cupid10/p/15617733.html
Copyright © 2020-2023  润新知