zoukankan      html  css  js  c++  java
  • jQuery css详解

    今天确确实实是放了一天假,喝了点小酒,看了天天向上和快乐大本营以及中国好舞蹈,越来越热爱舞蹈了,还是总结一篇吧。

    @jquery css

    css(name|pro|[,val|fn):访问或设置匹配元素的样式属性

    1 $("div").click(function(){
    2     $(this).css({20px,height:30px})
    3 });

    offset([coordinates]):获取匹配元素在当前视口(body)的相对偏移

    1 <p>hello baby</p>
    2 
    3 $("p").html("left:"+offset.left+",top:"+offset.top);
    4 
    5 // offset().left就相当于与body的Margin-left
    6 //offset().top就相当于与body的Margin-top

    position():获取或设置匹配元素相对父元素的偏移

    1 $("p").html("left:"+$("p").position().left);
    2 
    3 //position().left相当于与当前父元素的Margin-left;
    4 //position().top相当于与当前父元素的Margin-top;

    scrollTop([val]):获取匹配元素相对于滚动条顶部的偏移;

    scrollLeft([val]):获取匹配元素相对于滚动条左部的偏移;

    height(val|fn):取得或设置匹配元素当前计算的高度值(高度)

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

    width(val|fn):取得或设置匹配元素当前计算的宽度值(宽度);

    innerHeight():获取第一个匹配元素内部区域高度(高度+补白)

    innerWidth():获取第一个匹配元素内部区域宽度;

    outerHeight([options]):获取第一个匹配元素外部高度;

    1 <p>HELLObaby</p>
    2 
    3 $("p").html("outerHeight:"+$("p").outerHeight()+",outerHeight(true):"+$("p").outerHeight(true));
    4 
    5 //outerHeight() 表示高度+补白+边框,当参数为true时,表示高度+补白+边框+边距;

    outerWidth([options]):获取第一个匹配元素的外部宽度;

    总结还不够精炼,还需要逐步完善!!

  • 相关阅读:
    Nuget常用命令(转)
    Core使用SAP Web Service
    jquery.dataTables动态列--转
    jqGrid随窗口大小变化自适应大小-转
    30个值得推荐的数据可视化工具--转
    Automapper问题记录
    MVC及MVC Core在filter中如何获取控制器名称和Action名称
    .Net Core使用 MiniProfiler 进行性能分析(转)
    Core中使用Hangfire
    ASP.NET 多环境下配置文件web.config的灵活配置---转
  • 原文地址:https://www.cnblogs.com/eyeSpace/p/3790219.html
Copyright © 2011-2022 走看看