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程序设计有所帮助。

Javascript 相关文章推荐
清华大学出版的事半功倍系列 javascript全部源代码
May 04 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
js控制表单不能输入空格的小例子
Nov 20 Javascript
Javascript中call的两种用法实例
Dec 13 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
Apr 02 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
Jun 25 Javascript
javascript简单实现等比例缩小图片的方法
Jul 27 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 Javascript
js制作简单的音乐播放器的示例代码
Aug 28 Javascript
JS代码实现电脑配置检测功能
Mar 21 Javascript
微信小程序事件 bindtap bindinput代码实例
Aug 26 Javascript
JS数组的高级使用方法示例小结
Mar 14 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垃圾回收机制引用计数器概念分析
2013/06/24 PHP
php语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
PHP实现的简单排列组合算法应用示例
2017/06/20 PHP
jquery 弹出登录窗口实现代码
2009/12/24 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
浅谈键盘上回车按钮的js触发事件
2017/02/13 Javascript
利用Node.js对文件进行重命名
2017/03/12 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python中tell()方法的使用详解
2015/05/24 Python
Python实现的破解字符串找茬游戏算法示例
2017/09/25 Python
Python中偏函数用法示例
2018/06/07 Python
python中的常量和变量代码详解
2018/07/25 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
django的ORM模型的实现原理
2019/03/04 Python
linux 下python多线程递归复制文件夹及文件夹中的文件
2020/01/02 Python
详解pycharm的python包opencv(cv2)无代码提示问题的解决
2021/01/29 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
招商经理岗位职责
2013/11/16 职场文书
创业计划书——互联网商机
2014/01/12 职场文书
给国外客户的邀请函
2014/01/30 职场文书
制药工程专业职业生涯规划范文
2014/03/10 职场文书
汽车销售经理岗位职责
2014/06/09 职场文书
祖国在我心中演讲稿600字
2014/09/23 职场文书
敲诈同学钱财检讨书范文
2014/11/18 职场文书
2015公务员试用期工作总结
2014/12/12 职场文书
三好学生主要事迹怎么写
2015/11/03 职场文书
2016年4月份红领巾广播稿
2015/12/21 职场文书
2016年离婚协议书范文
2016/03/18 职场文书
基于Redis结合SpringBoot的秒杀案例详解
2021/10/05 Redis
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL