jquery 实现的改变颜色与背景的代码 change(fontsize,background)补充2

更新时间：2010年05月13日 18:49:33 作者：

change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。

change(fn)
在每一个匹配元素的change事件中绑定一个处理函数。
change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>豪情</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style> p{line-height:23px;margin:0;padding:0;} </style> <script> $(function(){ $('#c-obj select').change(function(){ alert($(this).attr('id') + ': ' + $(this).val()); $('p').css($(this).attr('id'), $(this).val()); //select的ID和要设置的CSS属性值必须保持一致 }); }); </script> </head> <body> <h4>change(fn)</h4> <h4>在每一个匹配元素的change事件中绑定一个处理函数。</h4> <h4>change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。</h4> <div id="c-obj"> <label for="font-size">字体大小</label> <select name="" id="font-size"> <option value="12px">小号</option> <option value="14px">较小</option> <option value="16px" >中号</option> <option value="18px">较大</option> <option value="24px">大号</option> </select> <label for="background">背景颜色</label> <select name="" id="background"> <option value="#F4FBFF">默认</option> <option value="gray">淡灰</option> <option value="red">红色</option> <option value="green">绿色</option> <option value="yellow">明黄</option> </select> <label for="color">字体颜色</label> <select id="color"> <option value="#000">黑色</option> <option value="#f00">红色</option> <option value="#060">绿色</option> <option value="#00f">蓝色</option> <option value="#600">棕色</option> </select> <label> </div> <h4>春江花月夜</h4> <p>春江潮水连海平，海上明月共潮生。滟滟随波千万里，何处春江无月明。</p> <p>江流宛转绕芳甸，月照花林皆似霰。空里流霜不觉飞，汀上白沙看不见。</p> <p>江天一色无纤尘，皎皎空中孤月轮。江畔何人初见月？江月何年初照人？</p> <p>人生代代无穷已，江月年年只相似。不知江月待何人，但见长江送流水。</p> <p>白云一片去悠悠，青枫浦上不胜愁。谁家今夜扁舟子？何处相思明月楼？</p> <p>可怜楼上月徘徊，应照离人妆镜台。玉户帘中卷不去，捣衣砧上拂还来。</p> <p>此时相望不相闻，愿逐月华流照君。鸿雁长飞光不度，鱼龙潜跃水成文。</p> <p>昨夜闲潭梦落花，可怜春半不还家。江水流春去欲尽，江潭落月复西斜。</p> <p>斜月沉沉藏海雾，碣石潇湘无限路。不知乘月几人归，落月摇情满江树。</p> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

Jquery change(fontsize,background) 改变颜色与背景的代码

您可能感兴趣的文章:

jquery基础教程之数组使用详解
jQuery的数组处理、便捷、功能齐全。一步到位的封装了很多原生JavaScript数组不能企及的功能。下面是jquery数组的使用详解,需要的朋友可以参考下
2014-03-03
jQuery 创建Dom元素
jQuery 创建Dom元素代码，需要的朋友可以参考下。
2010-05-05
jQuery电话号码验证实例
这篇文章主要为大家详细介绍了jQuery电话号码验证实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
jQuery学习笔记之2个小技巧
这篇文章主要介绍了jQuery学习笔记之2个小技巧,1.jQuery功能函数前缀,2.解决window.onload函数冲突,非常不错，推荐给小伙伴参考下
2015-01-01
Get中文乱码IE浏览器Get中文乱码解决方案
传参的时候遇到Get中文乱码，IE浏览器Get中文乱码问题，该怎么解决呢？下面为大家详细介绍下具体的解决方案
2013-12-12
jQuery源码分析之jQuery中的循环技巧详解
这篇文章主要介绍了jQuery源码中的循环技巧,包括各类选择、判断、遍历等等操作,非常实用的技巧,需要的朋友可以参考下
2014-09-09
jquery blockUI 遮罩不能消失与不能提交的解决方法
jquery blockUI 遮罩不能消失与不能提交的解决方法，使用jquery blockUI的朋友可以参考下。
2011-09-09
jQuery焦点图切换特效代码分享
这篇文章主要介绍了jQuery焦点图切换特效，图片轮播效果特别适合做产品展示，丰富网页内容，感兴趣的小伙伴可以参考下。
2015-09-09
jquery 跨域访问问题解决方法(笔记)
对于js跨域访问，在先前也曾碰到过，但可能并没有认真去对待，可能查看过相关资料，但当着两天再次碰到这个问题时，走了不少弯路才找到问题原因。记下这次解决过程，为自己不再强大的记忆力默哀一下。
2011-06-06
事件委托与阻止冒泡阻止其父元素事件触发
当点击具体的li元素时，发现ul的事件也被触发了，这是我们不想看到的，解决方法就是加一句阻止冒泡即可
2014-09-09

jquery 实现的改变颜色与背景的代码 change(fontsize,background)补充2

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具