jquery实现改变显示的文字的背景色和字体大小
2013-01-26 13:52
495 查看
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").css({"background-color":"red","font-size":"200%"});
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>我说.</p>
<p>你好.</p>
<button type="button">Click me</button>
</body>
</html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").css({"background-color":"red","font-size":"200%"});
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>我说.</p>
<p>你好.</p>
<button type="button">Click me</button>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery实现实时改变网页字体大小、字体背景色和颜色的方法
- jquery实现实时改变网页字体大小、字体背景色和颜色的方法
- CSS+HTML实例集合一，改变字体(样式，大小)，overflow布局属性(如显示隐藏文字等)，列表的展开闭合
- jQuery动态改变图片显示大小(修改版)的实现思路及代码
- jQuery 实现全部到精简的转换 点击“显示全部品牌按钮”显示到第二幅图，个别文字高亮显示，并且“显示全部品牌”按钮文字变为“精简显示品牌”并且向上向下箭头改变，用JQuery实现本功能。
- jQuery动态改变图片显示大小(修改版)的实现思路及代码
- JQuery 改变页面字体大小的实现代码(实时改变网页字体大小)
- JQuery 改变页面字体大小的实现代码(实时改变网页字体大小)
- jQuery动态改变图片显示大小(修改版)的实现思路及代码
- jQuery动态改变图片显示大小(修改版)的实现思路及代码
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- markdown编辑器语法——文字颜色、大小、字体与背景色的设置（转）
- jquery、setInterval实现自动改变字体颜色
- android 改变文字的大小和字体
- jquery实现点击改变背景色，点击其他恢复原来背景色，被点击的改变背景色
- jquery更换文章内容与改变字体大小代码
- 改变下拉列表文字显示大小
- 同一个TextView如何显示不同颜色的文字、字体大小、字体样式
- javaScript小练习:实现文本字体大小的改变
- 设置UIButton的文字显示位置、字体的大小、字体的颜色