jQuery中的css部分
一: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部分相关推荐
- JQuery中操作Css样式的方法
JQuery中操作Css样式的方法 <strong>//1.获取和设置样式</strong> $("#tow").attr("class&q ...
- JQuery中的CSS属性及操作
目录 1.JQuery中的css()方法 1) 返回 CSS 属性 2) 设置 CSS 属性 3) 设置多个 CSS 属性 2.JQuery的CSS操作 3.JQuery的class操作 1.JQue ...
- jquery中的css函数css(name)、css(key,value)、css(properties)、css(key,fn)
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery通过css函数操作元素样式 jquery的css函数,包括css(name).css(key,value ...
- JQuery:JQuery 中的CSS()方法
JQuery:CSS()方法 jQuery css()方法:css()方法设置或返回被选元素的一个或多个样式属性. 1.返回 CSS 属性 如需返回指定的 CSS 属性的值,请使用如下语法: css( ...
- jQuery 中的 CSS 选择器
#id id 选择器 $("#myDiv").css(...); 元素 标签选择器 $("div") * 通用符选择器 匹配所有元素 $("*&quo ...
- Jquery中css()方法获取边框长度
1. JQuery中可以使用css()方法获取块元素的边框宽度,如下: $("divMode").css("border-left-width");//左边框长 ...
- jq获取页面高度_使用jquery中height()方法获取各种高度
$(window).height(); //浏览器当前窗口可视区域高度 $(document).height(); //浏览器当前窗口文档的高度 $(document.body).height();/ ...
- jQuery中所用到的第三方插件
我在jquery的学习中,用到了三个第三方的插件,为了能够更方便的查看,把在jQuery中用到的第三方插件整合一个. 首先是cookie插件 cookie插件在jquery中的js样式:cookie在 ...
- jQuery系列 第三章 jQuery框架操作CSS
第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScr ...
最新文章
- 深度:应用安全是信息安全防护的短板
- 中国最大的python社区-在python数据框中的每一行中查找最大值
- C语言链表的来源分析
- CIKM 2021 | AutoHERI: 基于层次表示自动聚合的 CVR 预估模型
- 知方可补不足~数据库名称和数据库别名不同了怎么办
- python学习知识以及就业方向_Python需要学到什么技术 学完可以从事哪些行业
- C语言全局变量和局部变量总结
- Android sdk build-tools sdk tools 历史版本下载
- Git 工具 - 储藏(Stashing)
- Android 解决XXX Layout leaked 使用Navigation 踩坑 XML内存泄漏
- VSS2005的配置
- mysql master 重置_[数据库]重置mysql主从同步(MySQL Reset Master
- jquery实现曲线运动
- 韵语编年(之十二:1990——1994)
- 【xmind 2021-2022,文件丢失-软件异常-历史版本找回】
- AI周报丨快手团队长文解读:基于FPGA加速的自动语音识别在大规模直播和短视频场景的应用
- 杜克大学计算机科学博士,杜克大学计算机科学CS博士学位申请介绍
- virtio-net 实现机制
- WIN7在安装office2010时,出现错误:MSXML 6.10.1129.0缺失,解决方案详解
- Flash ActionScript 3.0 动画高级教程 (高清PDF中文版下载)
热门文章
- Android获取手机号归属地
- Maven使用注解配置SQL映射器(@Results,@ResultMap)
- 八皇后(N皇后)问题
- Eclipse 高清显示屏 图示太少
- java8 list map 分组_java8 List转Map,并进行分组过滤求和等操作
- 服务启动失败_将控制台程序转换为服务运行
- 20190813:(leetcode习题)加一
- win7计算机右键直接有设备管理器等相关,为什么我的计算机点击右键后里头没有设备管理器了?windows7旗舰版的,不知怎么就不见了...
- 每日总结app_焊工日常工作的主要职责是什么?焊工证考试用什么APP复习?
- mysql中毫秒的保存类型