编程 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 相关文章推荐

JavaScript 版本自动生成文章摘要

Jul 23 Javascript

统计jQuery中各字符串出现次数的工具

May 03 Javascript

js(JavaScript)实现TAB标签切换效果的简单实例

Feb 26 Javascript

在Node.js应用中使用Redis的方法简介

Jun 24 Javascript

Bootstrap每天必学之级联下拉菜单

Mar 27 Javascript

javascript封装addLoadEvent实现页面同时加载执行多个函数的方法

Jul 25 Javascript

Javascript 创建类并动态添加属性及方法的简单实现

Oct 20 Javascript

js实现网页定位导航功能

Mar 07 Javascript

原生JS实现导航下拉菜单效果

Nov 25 Javascript

详解AngularJS脏检查机制及$timeout的妙用

Jun 19 Javascript

微信小程序模板消息限制实现无限制主动推送的示例代码

Aug 27 Javascript

vue单文件组件无法获取$refs的问题

Jun 24 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正则表达式(regar expression)

2011/09/10 PHP

php实现遍历文件夹的方法汇总

2017/03/02 PHP

PHP设计模式之观察者模式定义与用法示例

2018/08/04 PHP

php实现银联商务公众号+服务窗支付的示例代码

2019/10/12 PHP

javascript+css 网页每次加载不同样式的实现方法

2009/12/27 Javascript

javascript学习基础笔记之DOM对象操作

2011/11/03 Javascript

使用js检测浏览器的实现代码

2013/05/14 Javascript

jQuery prev ~ siblings选择器使用介绍

2013/08/09 Javascript

获取当前点击按钮的id用this.id实现

2014/03/17 Javascript

js随机生成网页背景颜色的方法

2015/02/26 Javascript

纯javascript实现简单下拉刷新功能

2015/03/13 Javascript

JavaScript实现的字符串replaceAll函数代码分享

2015/04/02 Javascript

教你用javascript实现随机标签云效果_附代码

2016/03/16 Javascript

Javascript 正则表达式校验数字的简单实例

2016/11/02 Javascript

Iscrool下拉刷新功能实现方法(推荐)

2017/06/26 Javascript

JavaScript解析任意形式的json树型结构展示

2017/07/23 Javascript

js 倒计时（高效率服务器时间同步）

2017/09/12 Javascript

浅谈React前后端同构防止重复渲染

2018/01/05 Javascript

react实现换肤功能的示例代码

2018/08/14 Javascript

微信小程序添加插屏广告并设置显示频率(一天一次)

2019/12/06 Javascript

js实现移动端图片滑块验证功能

2020/09/29 Javascript

[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局

2016/02/27 DOTA

python中的随机函数小结

2018/01/27 Python

django 连接数据库出现1045错误的解决方式

2020/05/14 Python

Python加速程序运行的方法

2020/07/29 Python

python如何将图片转换素描画

2020/09/08 Python

EJB包括（SessionBean,EntityBean）说出他们的生命周期，及如何管理事务的

2015/07/24 面试题

中学生团员自我评价分享

2013/12/07 职场文书

自我评价如何写好？

2014/01/05 职场文书

单位实习鉴定评语

2015/01/04 职场文书

教师见习总结范文

2015/06/23 职场文书

校运会通讯稿

2015/07/18 职场文书

少先队中队工作总结

2015/08/14 职场文书

2016年感恩母亲节活动总结

2016/04/01 职场文书

2019最新校园运动会广播稿！

2019/06/28 职场文书

天谕手游15杯全调酒配方和调酒券的获得方式

2022/04/06 其他游戏