一:css

1:css(name)访问第一个匹配元素的样式属性。$("p").css("color");

2:css(properties)把一个“名/值对”对象设置为所有匹配元素的样式属性。$("p").css({ color: "#ff0011", background: "blue" });

3:css(name, value)在所有匹配的元素中,设置一个样式属性的值。$("p").css("color","red");

二:位置

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

var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );

2:offset(coordinates)设置匹配元素相对于document对象的坐标。$("p:last").offset({ top: 10, left: 30 });

3:position()获取匹配元素相对父元素的偏移。

var p = $("p:first");
var position = p.position();
$("p:last").html( "left: " + position.left + ", top: " + position.top );4:scrollTop()获取匹配元素相对滚动条顶部的偏移。
var p = $("p:first");
$("p:last").text( "scrollTop:" + p.scrollTop() );

5:scrollTop(val)传递参数值时,设置垂直滚动条顶部偏移为该值。
$("div.demo").scrollTop(300);6:scrollLeft()获取匹配元素相对滚动条左侧的偏移
var p = $("p:first");
$("p:last").text( "scrollLeft:" + p.scrollLeft() );7:scrollLeft(val)传递参数值时,设置水平滚动条左侧偏移为该值。$("div.demo").scrollLeft(300);

三:尺寸

1:height()取得第一个匹配元素当前计算的高度值(px)。

---获取当前浏览器窗口的高度:$(window).height();     获取当前HTML文档高度$(document).height();

2:width()取得第一个匹配元素当前计算的宽度值(px)。

---获取当前浏览器窗口的宽度$(window).width();      获取当前HTML文档宽度$(document).width();

3:innerHeight()获取第一个匹配元素内部区域高度(包括补白、不包括边框)。

var p = $("p:first");
$("p:last").text( "innerHeight:" + p.innerHeight() );4:innerWidth()获取第一个匹配元素内部区域宽度(包括补白、不包括边框)。
var p = $("p:first");
$("p:last").text( "innerWidth:" + p.innerWidth() );5:outerHeight(options)获取第一个匹配元素外部高度(默认包括补白和边框)。当设置为 true 时,计算边距在内。6:outerWidth(options)获取第一个匹配元素外部宽度(默认包括补白和边框)。当设置为 true 时,计算边距在内。

转载于:https://www.cnblogs.com/yingyingh5/p/7822861.html

jQuery中的css部分相关推荐

  1. JQuery中操作Css样式的方法

    JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong>    $("#tow").attr("class&q ...

  2. JQuery中的CSS属性及操作

    目录 1.JQuery中的css()方法 1) 返回 CSS 属性 2) 设置 CSS 属性 3) 设置多个 CSS 属性 2.JQuery的CSS操作 3.JQuery的class操作 1.JQue ...

  3. jquery中的css函数css(name)、css(key,value)、css(properties)、css(key,fn)

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery通过css函数操作元素样式 jquery的css函数,包括css(name).css(key,value ...

  4. JQuery:JQuery 中的CSS()方法

    JQuery:CSS()方法 jQuery css()方法:css()方法设置或返回被选元素的一个或多个样式属性. 1.返回 CSS 属性 如需返回指定的 CSS 属性的值,请使用如下语法: css( ...

  5. jQuery 中的 CSS 选择器

    #id id 选择器 $("#myDiv").css(...); 元素 标签选择器 $("div") * 通用符选择器 匹配所有元素 $("*&quo ...

  6. Jquery中css()方法获取边框长度

    1. JQuery中可以使用css()方法获取块元素的边框宽度,如下: $("divMode").css("border-left-width");//左边框长 ...

  7. jq获取页面高度_使用jquery中height()方法获取各种高度

    $(window).height(); //浏览器当前窗口可视区域高度 $(document).height(); //浏览器当前窗口文档的高度 $(document.body).height();/ ...

  8. jQuery中所用到的第三方插件

    我在jquery的学习中,用到了三个第三方的插件,为了能够更方便的查看,把在jQuery中用到的第三方插件整合一个. 首先是cookie插件 cookie插件在jquery中的js样式:cookie在 ...

  9. jQuery系列 第三章 jQuery框架操作CSS

    第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScr ...

最新文章

  1. 深度:应用安全是信息安全防护的短板
  2. 中国最大的python社区-在python数据框中的每一行中查找最大值
  3. C语言链表的来源分析
  4. CIKM 2021 | AutoHERI: 基于层次表示自动聚合的 CVR 预估模型
  5. 知方可补不足~数据库名称和数据库别名不同了怎么办
  6. python学习知识以及就业方向_Python需要学到什么技术 学完可以从事哪些行业
  7. C语言全局变量和局部变量总结
  8. Android sdk build-tools sdk tools 历史版本下载
  9. Git 工具 - 储藏(Stashing)
  10. Android 解决XXX Layout leaked 使用Navigation 踩坑 XML内存泄漏
  11. VSS2005的配置
  12. mysql master 重置_[数据库]重置mysql主从同步(MySQL Reset Master
  13. jquery实现曲线运动
  14. 韵语编年(之十二:1990——1994)
  15. 【xmind 2021-2022,文件丢失-软件异常-历史版本找回】
  16. AI周报丨快手团队长文解读:基于FPGA加速的自动语音识别在大规模直播和短视频场景的应用
  17. 杜克大学计算机科学博士,杜克大学计算机科学CS博士学位申请介绍
  18. virtio-net 实现机制
  19. WIN7在安装office2010时,出现错误:MSXML 6.10.1129.0缺失,解决方案详解
  20. Flash ActionScript 3.0 动画高级教程 (高清PDF中文版下载)

热门文章

  1. Android获取手机号归属地
  2. Maven使用注解配置SQL映射器(@Results,@ResultMap)
  3. 八皇后(N皇后)问题
  4. Eclipse 高清显示屏 图示太少
  5. java8 list map 分组_java8 List转Map,并进行分组过滤求和等操作
  6. 服务启动失败_将控制台程序转换为服务运行
  7. 20190813:(leetcode习题)加一
  8. win7计算机右键直接有设备管理器等相关,为什么我的计算机点击右键后里头没有设备管理器了?windows7旗舰版的,不知怎么就不见了...
  9. 每日总结app_焊工日常工作的主要职责是什么?焊工证考试用什么APP复习?
  10. mysql中毫秒的保存类型