首页 / 知识
.height(value)设置div高度为30px
2023-04-11 13:29:00
.height(value)
描述: 设置每一个匹配元素的高度值。
添加的版本: 1.0.height( value )
value
类型: String, Number
一个正整数代表的像素数,或是整数和一个可选的附加单位（默认是：“px”）(作为一个字符串)。
添加的版本: 1.4.1.height( function(index, height) )
function(index, height)
类型: Function()
返回用于设置高度的一个函数。该函数接受两个参数，index 参数表示元素在集合中的位置，height 参数表示原来的高度。在这个函数中，this指向元素集合中的当前元素。
当调用.height(value)方法的时候，这个“value”参数可以是一个字符串（数字加单位）或者是一个数字。如果这个“value”参数只提供一个数字，jQuery会自动加上单位px。如果只提供一个字符串，任何有效的CSS尺寸都可以为高度赋值（就像100px, 50%, 或者 auto）。注意在现代浏览器中，CSS高度属性不包含padding, border, 或者 margin。
如果没有给定明确的单位（像'em' 或者 '%'），那么默认情况下"px"会被直接添加上去（也理解为"px"是默认单位）。
注意.height('value')设置的容器宽度是根据CSS box-sizing属性来定的, 将这个属性值改成border-box，将造成这个函数改变这个容器的outerHeight，而不是原来的内容高度。
例子:
点击每个div时设置该div高度为30px，并改变颜色。
<!DOCTYPE html>
<html>
<head>
<style>div { width:50px; height:70px; float:left; margin:5px;
background:rgb(255,140,0); cursor:pointer; } </style>
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script>$("div").one('click', function () {
$(this).height(30)
.css({cursor:"auto", backgroundColor:"green"});
});</script>
</body>
</html>
|
最新内容
相关内容
python如何确定是否为可迭代对象
python如何确定是否为可迭代对象，培训，元素，索引，对象，整数，字典，函数，类型，下标，模块，迭代可以理解为，任意的集合使用for循环遍历python中，迭
python判断一个数是否为int
python判断一个数是否为int，培训，基础，变量，类型，函数，个数，整数，以上，不是，方法，在python中如何判断一个数是不是整数?其实python有两种查看
python判断字符串是否为小数的方法
python判断字符串是否为小数的方法，培训，代码，合法，小数点，小数，整数，字符串，方法，右边，左边，python想判断一个字符串是不是一个合法的小数，但
python怎么判断某一对象是否为字典
python怎么判断某一对象是否为字典，培训，名称，代码，情况，类型，实例，元素，字典，函数，对象，我们经常需要在Python代码中确定某个实例是什么类型
python为什么是胶水语言
python为什么是胶水语言，代码，标准，培训，环境，一致，系统，统一，数据，周期性，服务，胶水语言先从Helloworld开始。所有学python的童鞋都会从这句
python判断字符是否为字母和数字
python判断字符是否为字母和数字，数字，培训，字母，字符串，字符，空格，方法，都会，分号，大小写，在使用python语言中的字符串方法时，可以使用它们判
python怎么确定list是否为空
python怎么确定list是否为空，培训，存在，以上，提示，方法，更多，内容，python判断list是否为空的方法：通过len()list_test=[]iflen(list_test):
python怎么判断是否为空字符串
python怎么判断是否为空字符串，密码，培训，字符串，空格，字符，用户名，方法，两边，长度，全部，判断python中的一个字符串是否为空，可以使用如下方法
python作为小白该如何抉择python编
python作为小白该如何抉择python编辑器?，代码，平台，智能，培训，灵活，项目，基础，语法，插件，提示，刚开始接触编程，有一个好的编辑器上手，那学习起
python如何为函数和模块起别名
python如何为函数和模块起别名，名称，培训，函数，别名，模块，冲突，关键字，以上，两个，程序，python如何为函数和模块起别名1、如果要导入的函数的
关于xaml：WPF：如何设置或禁用文本框
关于xaml：WPF：如何设置或禁用文本框的默认ContextMenu，关于xaml：WPF：如何设置或禁用文本框的默认ContextMenu，用户,应用程序,单击,鼠标
设置与SVN的持续集成
设置与SVN的持续集成，设置与SVN的持续集成，设置,工具,网站,控制，Setting up Continuous Integration with SVN您将推荐使用哪些工具