编程 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 相关文章推荐

Javascript动态绑定事件的简单实现代码

Dec 25 Javascript

jQuery+AJAX实现网页无刷新上传

Feb 22 Javascript

纯JS实现本地图片预览的方法

Jul 31 Javascript

Bootstrap每天必学之表格

Nov 23 Javascript

easyui datagrid 大数据加载效率慢,优化解决方法(推荐)

Nov 09 Javascript

js实现音频控制进度条功能

Apr 01 Javascript

jquery实现图片上传前本地预览

Apr 28 jQuery

Angular在模板驱动表单中自定义校验器的方法

Aug 09 Javascript

Angular6中使用Swiper的方法示例

Jul 09 Javascript

Angular(5.2->6.1)升级小结

Dec 27 Javascript

2019年度web前端面试题总结(主要为Vue面试题)

Jan 12 Javascript

JavaScript实现10秒后再次获取验证码

Dec 02 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

德生S2000南麂列岛台湾FM收听记录

2021/03/02 无线电

虚拟主机中对PHP的特殊设置

2006/10/09 PHP

php实现二进制和文本相互转换的方法

2015/04/18 PHP

解决tp5在nginx下修改配置访问的问题

2019/10/16 PHP

Extjs TimeField 显示正常时间格式的代码

2011/06/28 Javascript

html组件不可输入(只读)同时任何组件都有效

2013/04/01 Javascript

jQuery产品间断向下滚动效果核心代码

2014/05/08 Javascript

js实现完全自定义可带多级目录的网页鼠标右键菜单方法

2015/02/28 Javascript

Bootstrap源码解读导航条（7）

2016/12/23 Javascript

JSON与JS对象的区别与对比

2017/03/01 Javascript

Vue仿今日头条实例详解

2018/02/06 Javascript

使用vuex缓存数据并优化自己的vuex-cache

2018/05/30 Javascript

微信小程序实现自定义modal弹窗封装的方法

2018/06/15 Javascript

vue.js轮播图组件使用方法详解

2018/07/03 Javascript

从零搭一个自用的前端脚手架的方法步骤

2019/09/23 Javascript

JS倒计时两种实现方式代码实例

2020/07/27 Javascript

Vue为什么要谨慎使用$attrs与$listeners

2020/08/27 Javascript

[02:10]2018DOTA2亚洲邀请赛赛前采访-Liquid

2018/04/03 DOTA

举例详解Python中threading模块的几个常用方法

2015/06/18 Python

Python实现短网址ShortUrl的Hash运算实例讲解

2015/08/10 Python

python 2.6.6升级到python 2.7.x版本的方法

2016/10/09 Python

OpenCV2从摄像头获取帧并写入视频文件的方法

2018/08/03 Python

通过pykafka接收Kafka消息队列的方法

2018/12/27 Python

Tostadora意大利：定制T恤

2019/04/08 全球购物

ASOS西班牙官网：英国在线时尚和美容零售商

2020/01/10 全球购物

环境科学毕业生自荐信

2013/11/21 职场文书

艺术设计专业毕业生推荐信

2014/07/08 职场文书

2014年平安夜寄语

2014/12/08 职场文书

入党政审材料范文

2014/12/24 职场文书

爱心募捐通知范文

2015/04/27 职场文书

2015最新婚礼主持词

2015/06/30 职场文书

班级管理经验交流材料

2015/11/02 职场文书

2016教师政治学习心得体会

2016/01/23 职场文书

导游词之张家口

2019/12/13 职场文书

用 Python 元类的特性实现 ORM 框架

2021/05/19 Python

TV动画《间谍过家家》公开PV

2022/03/20 日漫