编程 Javascript

jQuery使用CSS()方法给指定元素同时设置多个样式

Posted in Javascript onMarch 26, 2015

本文实例讲述了jQuery使用CSS()方法给指定元素同时设置多个样式的方法。分享给大家供大家参考。具体如下：

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("p").css({"background-color":"blue","font-size":"14px"});
 });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p style="background-color:#ff0000">This is a paragraph.</p>
<p style="background-color:#00ff00">This is a paragraph.</p>
<p style="background-color:#0000ff">This is a paragraph.</p>
<p>This is a paragraph.</p>
<button>Set multiple styles for p</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

json 实例详细说明教程

Oct 31 Javascript

javascript Object与Function使用

Jan 11 Javascript

jquery实现表单验证并阻止非法提交

Jul 09 Javascript

Jquery中使用show()与hide()方法动画显示和隐藏图片

Oct 08 Javascript

JQuery导航菜单选择特效

Apr 11 Javascript

jQuery 获取屏幕高度、宽度的简单实现案例

May 17 Javascript

js 创建对象经典模式全面了解

Aug 16 Javascript

js选项卡的制作方法

Jan 23 Javascript

jquery append与appendTo方法比较

May 24 jQuery

实例详解Vue项目使用eslint + prettier规范代码风格

Aug 20 Javascript

抖音上用记事本编写爱心小程序教程

Apr 17 Javascript

Node使用koa2实现一个简单JWT鉴权的方法

Jan 26 Javascript

12306验证码破解思路分享

Mar 25 #Javascript

jQuery获得包含margin的outerWidth和outerHeight的方法

Mar 25 #Javascript

jQuery获得document和window对象宽度和高度的方法

Mar 25 #Javascript

jQuery设置指定网页元素宽度和高度的方法

Mar 25 #Javascript

jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法

Mar 25 #Javascript

Jquery实现鼠标移动放大图片功能实例

Mar 25 #Javascript

jQuery延迟加载图片插件Lazy Load使用指南

Mar 25 #Javascript

You might like

php 更新数据库中断的解决方法

2009/06/05 PHP

php调整服务器时间的方法

2015/04/03 PHP

PHP编程入门的基本语法知识点总结

2016/01/26 PHP

PHP7 标准库修改

2021/03/09 PHP

function, new function, new Function之间的区别

2007/03/08 Javascript

Js动态创建div

2008/09/25 Javascript

分享十五个最佳jQuery 幻灯插件和教程

2010/03/27 Javascript

JavaScript arguments 多参传值函数

2010/10/24 Javascript

javascript使用正则表达式检测IP地址

2014/12/03 Javascript

深入解读JavaScript中的Hoisting机制

2015/08/12 Javascript

jquery实现初次打开有动画效果的网页TAB切换代码

2015/09/06 Javascript

不使用JavaScript实现菜单的打开和关闭效果demo

2018/05/01 Javascript

Vue循环组件加validate多表单验证的实例

2018/09/18 Javascript

axios 封装上传文件的请求方法

2018/09/26 Javascript

小程序实现授权登陆的解决方案

2018/12/02 Javascript

Python中的super用法详解

2015/05/28 Python

python基础while循环及if判断的实例讲解

2017/08/25 Python

Python实现的自定义多线程多进程类示例

2018/03/23 Python

JavaScript中的模拟事件和自定义事件实例分析

2018/07/27 Python

python远程连接MySQL数据库

2019/04/19 Python

[机器视觉]使用python自动识别验证码详解

2019/05/16 Python

Python如何基于rsa模块实现非对称加密与解密

2020/01/03 Python

Python如何实现感知器的逻辑电路

2020/12/25 Python

纯css3实现效果超级炫的checkbox复选框和radio单选框

2014/09/01 HTML / CSS

环法自行车赛官方商店：Le Tour de France

2017/08/27 全球购物

购买中国最好的电子产品：Geekbuying

2018/03/13 全球购物

2019年Java 最常见的面试题

2016/10/19 面试题

教学实习自我评价

2014/01/28 职场文书

会计专业大学生职业生涯规划书

2014/02/11 职场文书

中央空调节能方案

2014/06/15 职场文书

优秀应届毕业生自荐书

2014/06/29 职场文书

党的群众路线教育实践活动个人对照检查材料（校长）

2014/11/05 职场文书

师范生教育见习总结

2015/06/23 职场文书

各类场合主持词开场白范文集锦

2019/08/16 职场文书

css背景和边框标签实例详解

2021/05/21 HTML / CSS

深入解读Java三大集合之map list set的用法

2021/11/11 Java/Android