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实现锚点(Anchor)间平滑跳转
Sep 08 Javascript
ExtJs3.0中Store添加 baseParams 的Bug
Mar 10 Javascript
基于jquery的用鼠标画出可移动的div
Sep 06 Javascript
JS实现下拉框的动态添加(附效果)
Apr 03 Javascript
JavaScript实现图片轮播的方法
Jul 31 Javascript
浅析jQuery Mobile的初始化事件
Dec 03 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
最细致的vue.js基础语法 值得收藏!
Nov 03 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
详解解决小程序中webview页面多层history返回问题
Aug 20 Javascript
gojs实现蚂蚁线动画效果
Feb 18 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/04/18 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
JavaScript中instanceof运算符的用法总结
2013/11/19 Javascript
使用JS获取当前地理位置方法汇总
2014/12/18 Javascript
javascript中函数作为参数调用的方法
2015/02/09 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
2015/08/21 Javascript
js window对象属性和方法相关资料整理
2015/11/11 Javascript
jQuery的内容过滤选择器学习教程
2016/04/18 Javascript
详解PHP中pathinfo()函数导致的安全问题
2017/01/05 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
2017/08/29 jQuery
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
react 国际化的实现代码示例
2018/09/14 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
基于VUE的v-charts的曲线显示功能
2019/10/01 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
Python三元运算实现方法
2015/01/12 Python
Python基于PycURL实现POST的方法
2015/07/25 Python
python中实现k-means聚类算法详解
2017/11/11 Python
python 按照固定长度分割字符串的方法小结
2018/04/30 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
pytorch permute维度转换方法
2018/12/14 Python
解决python3运行selenium下HTMLTestRunner报错的问题
2018/12/27 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
Giglio德国网上精品店:奢侈品服装和配件
2016/09/23 全球购物
中国好声音广告词
2014/03/18 职场文书
倡议书格式范文
2014/04/14 职场文书
无毒社区工作方案
2014/05/23 职场文书
土建施工员岗位职责
2015/04/11 职场文书
横空出世观后感
2015/06/09 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js