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 相关文章推荐
ext jquery 简单比较
Apr 07 Javascript
javascript getElementsByTagName
Jan 31 Javascript
原生js的弹出层且其内的窗口居中
May 14 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
Sep 06 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
Sep 21 Javascript
浅谈Node.js:fs文件系统模块
Dec 08 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
vue-router配合ElementUI实现导航的实例
Feb 11 Javascript
JS canvas绘制五子棋的棋盘
May 28 Javascript
vue-cli3.0 脚手架搭建项目的过程详解
Oct 19 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
Laravel5中contracts详解
2015/03/02 PHP
php基于 swoole 实现的异步处理任务功能示例
2019/08/13 PHP
nodejs实现黑名单中间件设计
2014/06/17 NodeJs
JS基于FileSystemObject创建一个指定路径的TXT文本文件
2015/08/05 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
2016/10/14 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
2016/12/31 Javascript
学好js,这些js函数概念一定要知道【推荐】
2017/01/19 Javascript
利用node.js如何搭建一个简易的即时响应服务器
2017/05/28 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
javascript实现5秒倒计时并跳转功能
2019/06/20 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
[38:21]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS Newbee
2018/03/31 DOTA
Python使用chardet判断字符编码
2015/05/09 Python
详解详解Python中writelines()方法的使用
2015/05/25 Python
python定时执行指定函数的方法
2015/05/27 Python
python遍历目录的方法小结
2016/04/28 Python
Python 装饰器实现DRY(不重复代码)原则
2018/03/05 Python
python根据url地址下载小文件的实例
2018/12/18 Python
对python中xlsx,csv以及json文件的相互转化方法详解
2018/12/25 Python
jupyter notebook 增加kernel教程
2020/04/10 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
python实现网页录音效果
2020/10/26 Python
CSS3中border-radius属性设定圆角的使用技巧
2016/05/10 HTML / CSS
汉森批发:Hansen Wholesale
2018/05/24 全球购物
法制宣传教育方案
2014/05/09 职场文书
爱心捐款倡议书范文
2014/05/12 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
求职信范文大全
2014/05/26 职场文书
在职员工证明书
2014/09/19 职场文书
新闻稿件写作技巧
2015/07/18 职场文书
《兰兰过桥》教学反思
2016/02/20 职场文书
2016年万圣节活动个人总结
2016/04/05 职场文书
php修改word的实例方法
2021/11/17 PHP