zoukankan      html  css  js  c++  java
  • 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))
    
    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    Windows下tomcat进程监控批处理程序
    centos下利用mail命令进行邮件发送
    centos查看是否安装了某个软件
    tomcat监控,自动重启shell脚本
    mac终端命令大全介绍
    文件的编码是一个怎样的机制
    python中nltk的下载安装方式
    MySQL——修改root密码的4种方法(以windows为例)
    VNC轻松连接远程Linux桌面
    Linux 查看磁盘分区、文件系统、磁盘的使用情况相关的命令和工具介绍
  • 原文地址:https://www.cnblogs.com/cupid10/p/13305853.html
Copyright © 2011-2022 走看看