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中监听IME键盘输入事件
May 29 Javascript
jquery获得option的值和对option进行操作
Dec 13 Javascript
AngularJS内置指令
Feb 04 Javascript
jQuery实现切换字体大小的方法
Mar 10 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
js调出上下文菜单的实例
Dec 17 Javascript
微信小程序 Flex布局详解
Oct 09 Javascript
jQuery表单验证简单示例
Oct 17 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
Mar 15 Javascript
vue中v-model动态生成的实例详解
Oct 27 Javascript
JavaScript实现的简单加密解密操作示例
Jun 01 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 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实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
2019/10/12 PHP
PHP正则表达式函数preg_replace用法实例分析
2020/06/04 PHP
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
2013/03/25 Javascript
jquery 日期控件datepicker属性详细解析
2013/11/08 Javascript
AngularJS表单编辑提交功能实例
2015/02/13 Javascript
javascript每日必学之继承
2016/02/23 Javascript
Boostrap模态窗口的学习小结
2016/03/28 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
2018/02/28 Javascript
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
2018/10/22 Javascript
解决layer.msg 不居中 ifram中的问题
2019/09/05 Javascript
JavaScript数组及常见操作方法小结
2019/11/13 Javascript
[08:44]DOTA2发布会群星聚首 我们都是刀塔人
2014/03/21 DOTA
python数据结构之二叉树的建立实例
2014/04/29 Python
python自动化测试之连接几组测试包实例
2014/09/28 Python
Python使用迭代器捕获Generator返回值的方法
2017/04/05 Python
python Spyder界面无法打开的解决方法
2018/04/27 Python
python实现的发邮件功能示例
2019/09/11 Python
python GUI库图形界面开发之PyQt5美化窗体与控件(异形窗体)实例
2020/02/25 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
Pytorch转keras的有效方法,以FlowNet为例讲解
2020/05/26 Python
Python爬虫实现百度翻译功能过程详解
2020/05/29 Python
解决python对齐错误的方法
2020/07/16 Python
matplotlib bar()实现多组数据并列柱状图通用简便创建方法
2021/02/24 Python
前端canvas水印快速制作(附完整代码)
2019/09/19 HTML / CSS
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
聚网科技C++面试笔试题
2015/09/01 面试题
介绍一下linux的文件权限
2014/07/20 面试题
中国好声音华少广告词
2014/03/17 职场文书
项目委托协议书(最新)
2014/09/13 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
四大名著读书笔记
2015/06/25 职场文书
自己搭建resnet18网络并加载torchvision自带权重的操作
2021/05/13 Python