编程 Javascript

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

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js 实现无缝滚动兼容IE和FF

Jul 15 Javascript

jQuery ajax方法传递中文时出现中文乱码的解决方法

Jul 25 Javascript

AngularJS基础 ng-non-bindable 指令详细介绍

Aug 02 Javascript

AngularJS中$watch和$timeout的使用示例

Sep 20 Javascript

网络传输协议（http协议）

Nov 18 Javascript

Bootstrap基本样式学习笔记之表格(2)

Dec 07 Javascript

基于js中this和event 的区别(详解)

Oct 24 Javascript

浅谈vue,angular,react数据双向绑定原理分析

Nov 28 Javascript

webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)

Jan 09 Javascript

jQuery实现点击图标div循环放大缩小功能

Sep 30 jQuery

深入分析jQuery.one() 函数

Jun 03 jQuery

浅谈react useEffect闭包的坑

Jun 08 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/07 PHP

php-perl哈希算法实现(times33哈希算法)

2013/12/30 PHP

PHP独立Session数据库存储操作类分享

2014/06/11 PHP

thinkphp框架类库扩展操作示例

2019/11/26 PHP

JavaScript 学习笔记（十二） dom

2010/01/21 Javascript

jQuery jcrop插件截图使用方法

2013/11/20 Javascript

addEventListener 的用法示例介绍

2014/05/07 Javascript

jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图

2015/03/16 Javascript

必备的JS调试技巧汇总

2016/07/20 Javascript

Java Spring 事务回滚详解

2016/10/17 Javascript

微信小程序开发之录音机音频播放动画实例 (真机可用)

2016/12/08 Javascript

js代码实现下拉菜单【推荐】

2016/12/15 Javascript

为什么我们要做三份 Webpack 配置文件

2017/09/18 Javascript

慕课网题目之js实现抽奖系统功能

2017/09/19 Javascript

微信小程序自定义导航教程（兼容各种手机）

2018/12/12 Javascript

vue移动端弹起蒙层滑动禁止底部滑动操作

2020/07/22 Javascript

[01:00:35]2018DOTA2亚洲邀请赛3月30日B组 EffcetVSMineski

2018/03/31 DOTA

python批量同步web服务器代码核心程序

2014/09/01 Python

python使用urllib2提交http post请求的方法

2015/05/26 Python

Python正则表达式使用范例分享

2016/12/04 Python

由浅入深讲解python中的yield与generator

2017/04/05 Python

Python 逐行分割大txt文件的方法

2017/10/10 Python

python3通过selenium爬虫获取到dj商品的实例代码

2019/04/25 Python

python实现银联支付和支付宝支付接入

2019/05/07 Python

python numpy 常用随机数的产生方法的实现

2019/08/21 Python

浅谈tensorflow中Dataset图片的批量读取及维度的操作详解

2020/01/20 Python

python实现测试工具（二）——简单的ui测试工具

2020/10/19 Python

Pandas直接读取sql脚本的方法

2021/01/21 Python

HTML5 input元素类型：email及url介绍

2013/08/13 HTML / CSS

荷兰多品牌网上鞋店：Stoute Schoenen

2017/08/24 全球购物

阿联酋优惠券服务：Living Kool

2019/12/12 全球购物

main 主函数执行完毕后，是否可能会再执行一段代码，给出说明

2012/12/05 面试题

企业文化宣传标语

2014/06/09 职场文书

关于读书的演讲稿500字

2014/08/27 职场文书

2015年社区中秋节活动总结

2015/03/23 职场文书

Nginx配置文件详解以及优化建议指南

2021/09/15 Servers