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) 改變顏色與背景的代碼