jQuery css() 方法css() 方法设置或返回被选元素的一个或多个样式属性。

如需返回指定的 CSS 属性的值,请使用如下语法:

css("propertyname");

设置 CSS 属性

语法

css("propertyname","value");

例子将为所有匹配元素设置 background-color 值:

$("p").css("background-color","yellow");

设置多个 CSS 属性

语法

css({"propertyname":"value","propertyname":"value",...});

map集合形式,键值对的方式进行设置,以逗号隔开。

例子将为所有匹配元素设置 background-color 和 font-size:

实例

$("p").css({"background-color":"yellow","font-size":"200%"});

$(document).ready(function(){

$("button").click(function(){

$("p").css({"background-color":"yellow","font-size":"200%"});

});

});

这是一个标题

这是一个段落。

这是一个段落。

这是一个段落。

这是一个段落。

为 p 元素设置多个样式

运行前

image.png

运行后

image.png

html设置返回的样式,jQuery设置或返回元素样式属性。相关推荐

  1. html+jquery+添加样式,jquery设置css样式、style属性 示范

    jquery设置css样式.style属性 示例 css虽然会在一开始我们就定义好了,但是有很多场景需要我们动态设置css,或者单独修改一个dom控件的style属性,今天分享一下我总结的jquery ...

  2. jq设置html的fontsize,Jquery 设置字体大小(font-size)与行高(line-height)

    Jquery 设置字体大小(font-size)与行高(line-height) var cssfontSize=$(".txt_container").css('font-siz ...

  3. jquery html 清除样式,jquery怎么移除css样式

    jquery移除css样式的方法:1.通过使用"removeClass()"方法去除css样式:2.通过使用"attr()"方法或"css()&quo ...

  4. css 几种常见的百分比设置和使用,百分比是相对哪个元素或属性的比例

    前端写样式时我们为了满足自适应通常会使用百分比来设置元素的宽高间距等,只有明确的知道设置百分比是相对哪个元素的哪个属性而言的才能正确的得到期望的效果. 说在前面,包含块的W3C解释 1.width:相 ...

  5. 【JQ】jQuery改变css伪元素样式

    伪元素是什么?例如 :bofore.:after 伪元素不是dom,不能直接操作. 若有以下html和css,通过操作伪元素改变图标颜色: <div class = "table-co ...

  6. 动态修改el-input样式;动态修改elmentUI元素样式;css变量

    场景:正常我们动态修改div元素的样式,使用:style和:class即可:但是我们想要动态修改element的组件样式时候,例如el-input字体颜色,由于el-input的样式嵌套很深,我们需要 ...

  7. 通过 JavaScript 获取/设置元素样式的方法

    获取方式 方法一:DOM节点.style.样式名 作用:获取内联样式,如果获取的样式没有设置或者不是内联样式,则输出空字符串"": 缺点:获取不到嵌入样式和外部样式. <st ...

  8. 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式

    本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery ( ...

  9. jQuery框架学习第四天:使用jQuery操作元素的属性与样式

    jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...

最新文章

  1. 一道看完答案你会觉得很沙雕的「动态规划算法题」
  2. 【建站系列教程】7、SEO优化之meta标签【最后一篇】
  3. 计算机缺少log怎么解决方法,win10 计算机丢失logmanager怎么办_win10丢失log.dll文件的解决方法-win7之家...
  4. Java 基本数据类型 sizeof 功能
  5. ps 替换文字_Python操作PPT实现自动查找替换
  6. HDU 1025 Constructing Roads In JGShining's Kingdom(DP+二分)
  7. 『重构--改善既有代码的设计』读书笔记----序
  8. Failed to install Tomcat7 service 解决
  9. mysql 会话级别的参数_PostgreSQL的参数设置级别及查询各级别的参数值
  10. @Entity,@Indexed @XmlRootElement
  11. 分页加载PullToRefreshLayout+PullableListView
  12. linux进入Mysql 的Dos控制台,dos进入mysql的实现方法
  13. CEEMDAN算法及其应用
  14. ConfigUtil.class.getResource
  15. 软件测试技术+HR面试
  16. STM32模拟I2C协议获取MLX90614红外温度传感器测温数据(Open Drain管脚配置)
  17. ubuntu永中office的快捷键
  18. H3C交换机的应用优势
  19. java数组初始化0_Java自学-数组 初始化数组
  20. Unity批量替换文字字体自制工具

热门文章

  1. 接收端收到数据包以后的处理过程
  2. 基于Redis优化首页轮播图查询
  3. String数据类型的应用场景
  4. Java实现消息消费
  5. 循环尝试,不释放CPU
  6. Hive的基本操作-创建表的格式
  7. 通过非docker的方式进行RocketMQ的安装
  8. tomcat_安装卸载启动
  9. 模块-import导入时指定别名
  10. SpringBootAdmin监控信息讲解