无涯教程-jQuery - css( properties )方法函数

news/2025/2/13 2:04:39/

css(properties)方法将键/值对象设置为所有匹配元素的样式属性。

css( properties ) - 语法

selector.css( properties )

上面的语法可以写成如下-

selector.css( {key1:val1, key2:val2....keyN:valN})

这是此方法使用的所有参数的描述-

  • key:value      -  设置为样式属性的键/值对。

css( properties ) - 示例

以下是一个简单的示例,简单说明了此方法的用法-

<html><head><title>The jQuery Example</title><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script type="text/javascript" language="javascript">$(document).ready(function() {$("div").click(function () {var color=$(this).css("background-color");$("#result").html("That div is <span>" + color + "</span>.");$("#result").css({color: yellow, font-weight : bold, background-color: gray});});});</script><style>div { width:60px; height:60px; margin:5px; float:left; }</style></head><body><p>Click on any square:</p><span id="result"> </span><div style="background-color:blue;"></div><div style="background-color:rgb(15,99,30);"></div><div style="background-color:#123456;"></div><div style="background-color:#f11;"></div></body>
</html>

这将产生以下输出-

jQuery 中的 css( properties )方法函 - 无涯教程网无涯教程网提供css(properties)方法将键/值对象设置为所有匹配元素的样式属性。 css( properties ) -...https://www.learnfk.com/jquery/css-properties.html


http://www.ppmy.cn/news/1001984.html

相关文章

【无网络】win10更新后无法联网,有线无线都无法连接,且打开网络与Internet闪退

win10更新后无法联网&#xff0c;有线无线都无法连接&#xff0c;且打开网络与Internet闪退 法1 重新配置网络法2 更新驱动法3 修改注册表编辑器法4 重装系统 自从昨晚点了更新与重启后&#xff0c;今天电脑就再也不听话了&#xff0c;变着花样地连不上网。 检查路由器&#xf…

vue element el-upload附件上传、在线预览、下载当前预览文件

上传 在线预览&#xff08;iframe&#xff09;&#xff1a; payload&#xff1a; response&#xff1a; 全部代码&#xff1a; <template><div><el-table :data"tableData" border style"width: 100%"><el-table-column prop"d…

UML 用例图,类图,时序图,活动图

UML之用例图&#xff0c;类图&#xff0c;时序图&#xff0c;活动图_用例图 时序图_siyan985的博客-CSDN博客 https://www.cnblogs.com/GumpYan/p/14734357.html 用例图与类图 - 简书

718. 最长重复子数组 1143.最长公共子序列1035.不相交的线

718. 最长重复子数组 两种dp定义不同&#xff0c;初始化不同 注意二者的if语句 第一种&#xff08;以i-1结尾&#xff09; if ( nums1[i - 1] nums2[j - 1] ) dp[i][j] dp[i - 1][j - 1] 1; 第二种&#xff08;以i结尾&#xff09; if ( nums1[i] nums2[j] ) dp[i][j] dp…

虹科案例 | PLC如何应用于建筑的3D打印?

客户&#xff1a;Rebuild 合作伙伴&#xff1a;ASTOR 应用&#xff1a;用于建筑的大尺寸3D打印 应用产品&#xff1a;3D混凝土打印机 &#xff08;一&#xff09;应用背景 自从20世纪80年代以来&#xff0c;增材制造技术&#xff08;即3D打印&#xff09;不断发展。大部分3D打印…

c++特殊类的设计

不能被拷贝的类 只能在堆上创建对象的类 只能在栈上创建对象的类 不能被继承的类 只能创建一个对象的类 一.不能被拷贝的类 c11之前&#xff0c;可以将拷贝构造和赋值重载私有化c11之后&#xff0c;可以将在后面delete class CopyBan {CopyBan(const CopyBan& CB) del…

Docker容器映射Redis和MySQL到本地

Docker容器因其快速、轻量级、可移植性、隔离性和安全性、可弹性扩展等诸多特性&#xff0c;在程序交付和部署的时候使用非常广泛。但是容器中数据无法持久化,当容器关闭或者删除的时候其中的数据就会丢失。所以很多时候我们会将Docker中的数据目录挂载到本地, 实现程序数据的持…

百度网盘加速下载

下载网页插件可搜索各种奇葩工具 Tampermonkey 在线解析连接&#xff1a;https://api.94speed.com/web/ 工具下载&#xff1a;https://motrix.app/zh-CN/download 解析完成后发送到&#xff1a;motrix