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 相关文章推荐
Array对象方法参考
Oct 03 Javascript
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
JQUBAR1.1 jQuery 柱状图插件发布
Nov 28 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
Dec 01 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
Jan 24 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
angular4中*ngFor不能对返回来的对象进行循环的解决方法
Sep 12 Javascript
JS实现换肤功能的方法实例详解
Jan 30 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学习之流程控制实现代码
2011/06/09 PHP
如何使用PHP实现javascript的escape和unescape函数
2013/06/29 PHP
Laravel 4 初级教程之视图、命名空间、路由
2014/10/30 PHP
php调整服务器时间的方法
2015/04/03 PHP
php实现批量修改文件名称的方法
2016/07/23 PHP
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
2008/09/25 Javascript
javascript 处理事件绑定的一些兼容写法
2009/12/24 Javascript
validator验证控件使用代码
2010/11/23 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
2011/10/04 Javascript
Visual Studio中js调试的方法图解
2014/06/30 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
javascript操作数组详解
2014/12/17 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
详解angular2如何手动点击特定元素上的点击事件
2018/10/16 Javascript
javascript实现摄像头拍照预览
2019/09/30 Javascript
vue 子组件修改data或调用操作
2020/08/07 Javascript
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
Python 获取div标签中的文字实例
2018/12/20 Python
python selenium 执行完毕关闭chromedriver进程示例
2019/11/15 Python
python3中numpy函数tile的用法详解
2019/12/04 Python
python numpy数组复制使用实例解析
2020/01/10 Python
PyQt使用QPropertyAnimation开发简单动画
2020/04/02 Python
termux中matplotlib无法显示中文问题的解决方法
2021/01/11 Python
css3翻牌翻数字的示例代码
2020/02/07 HTML / CSS
印度尼西亚最完整和最大的在线药房网站:Farmaku.com
2019/11/23 全球购物
说出数据连接池的工作机制是什么?
2013/04/19 面试题
销售高级职员求职信
2013/10/29 职场文书
教育专业自荐书范文
2013/12/17 职场文书
大学老师推荐信
2014/02/25 职场文书
公务员培的训心得体会
2014/09/01 职场文书
工作证明格式及范本
2014/09/12 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
JavaScript前端面试组合函数
2022/06/21 Javascript