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 相关文章推荐
jquery的颜色选择插件实例代码
Oct 02 Javascript
判断目标是否是window,document,和拥有tagName的Element的代码
May 31 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
Jul 15 Javascript
JS字符串处理实例代码
Aug 05 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
Sep 06 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
利用JS判断鼠标移入元素的方向
Dec 11 Javascript
学好js,这些js函数概念一定要知道【推荐】
Jan 19 Javascript
JavaScript 过滤关键字
Mar 20 Javascript
基于 webpack2 实现的多入口项目脚手架详解
Jun 26 Javascript
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
实现一个简单得数据响应系统
Nov 11 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
实用函数5
2007/11/08 PHP
深入PHP FTP类的详解
2013/06/13 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
set_exception_handler函数在ThinkPHP中的用法
2014/10/31 PHP
ThinkPHP处理Ajax返回的方法
2014/11/22 PHP
mysql查找删除重复数据并只保留一条实例详解
2016/09/24 PHP
php微信公众号开发之关键词回复
2018/10/20 PHP
Laravel 读取 config 下的数据方法
2019/10/13 PHP
Laravel框架数据库迁移操作实例详解
2020/04/06 PHP
JavaScript 继承详解(四)
2009/07/13 Javascript
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
2010/09/12 Javascript
JavaScript 盒模型 尺寸深入理解
2012/12/31 Javascript
jquery实现点击弹出层效果的简单实例
2014/03/03 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
javascript实现框架高度随内容改变的方法
2015/07/23 Javascript
vue-cli3.0 特性解读
2018/04/22 Javascript
element-ui 表格数据时间格式化的方法
2018/08/24 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
2020/07/16 Javascript
python实现在windows下操作word的方法
2015/04/28 Python
利用python模拟实现POST请求提交图片的方法
2017/07/25 Python
详解一种用django_cache实现分布式锁的方式
2019/09/01 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
python实现超级马里奥
2020/03/18 Python
购买正版游戏和游戏激活码:Green Man Gaming
2019/11/06 全球购物
巴西网上药店:Drogaria Araujo
2021/01/06 全球购物
市政施工员自我鉴定
2014/01/15 职场文书
手机促销活动方案
2014/02/05 职场文书
学校学习雷锋活动总结
2014/07/03 职场文书
涪陵白鹤梁导游词
2015/02/09 职场文书
2015年个人工作总结报告
2015/04/25 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书
股东协议书范本2016
2016/03/21 职场文书
Python3中最常用的5种线程锁实例总结
2021/07/07 Python
Python Flask搭建yolov3目标检测系统详解流程
2021/11/07 Python
Java中try catch处理异常示例
2021/12/06 Java/Android