技术问答jquery鎬庝箞鑾峰彇鑳屾櫙棰滆壊 - 扬州沐宇科技

浣跨敤jquery鑾峰彇鑳屾櫙棰滆壊鐨勬柟娉曪細1.鏂板缓html椤圭洰锛屽紩鍏query锛?.鍒涘缓div鏍囩锛岃缃甶d灞炴€э紱3.璁剧疆瀹介珮鍜岃儗鏅鑹诧紱4.娣诲姞button鎸夐挳锛岀粦瀹歰nclick鐐瑰嚮浜嬩欢锛?.閫氳繃id鑾峰彇鏍囩瀵硅薄锛屼娇鐢╟ss()鏂规硶鑾峰彇鑳屾櫙棰滆壊锛?/p>

jquery鎬庝箞鑾峰彇鑳屾櫙棰滆壊

鍏蜂綋姝ラ濡備笅锛?/p>

1.棣栧厛锛屾柊寤轰竴涓猦tml椤圭洰锛屽苟鍦ㄩ」鐩腑寮曞叆jquery锛?/p>

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.寮曞叆jquery鍚庯紝鍦ㄩ」鐩腑鍒涘缓涓€涓猟iv鏍囩锛屽苟璁剧疆id灞炴€э紝鐢ㄤ簬娴嬭瘯锛?/p>

<div id="text"></div>

3.div鏍囩鍒涘缓濂藉悗锛屼负鏍囩璁剧疆瀹介珮鍜岃儗鏅鑹诧紱

<div id="text" style="width:100px;height:20px;background-color:red"></div>

4.鏍囩鏍峰紡璁剧疆濂藉悗锛屾坊鍔犱竴涓猙utton鎸夐挳锛屽苟缁戝畾onclick鐐瑰嚮浜嬩欢锛岀敤浜庣偣鍑昏幏鍙栬儗鏅鑹诧紱

<button onClick="set()"><button>

5.鏈€鍚庯紝鎸夐挳娣诲姞濂藉悗锛屽湪鐐瑰嚮浜嬩欢涓€氳繃id鑾峰彇鏍囩瀵硅薄锛屽湪浣跨敤css()鏂规硶鍗冲彲鑾峰彇鍒拌儗鏅鑹诧紱

function set(){
var res = $("#text").css("background-color");
alert(res);
}