技术问答jquery鎬庝箞璁剧疆瀛椾綋棰滆壊 - 扬州沐宇科技

浣跨敤jquery璁剧疆瀛椾綋棰滆壊鐨勬柟娉曪細1.鏂板缓html椤圭洰锛屽紩鍏query锛?.鍒涘缓p鏍囩锛岃缃枃鏈拰id灞炴€э紱3.娣诲姞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鍚庯紝鍦ㄩ」鐩腑鍒涘缓涓€涓猵鏍囩锛屽苟璁剧疆鏂囨湰鍜宨d灞炴€э紝鐢ㄤ簬娴嬭瘯锛?/p>


<p id="btn">娴嬭瘯鏂囨湰</p>

3.p鏍囩鍒涘缓濂藉悗锛屾坊鍔犱竴涓猙utton鎸夐挳锛屽苟缁戝畾onclick鐐瑰嚮浜嬩欢锛岀敤浜庣偣鍑昏缃瓧浣撻鑹诧紱


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

4.鏈€鍚庯紝鎸夐挳娣诲姞濂藉悗锛屽湪鐐瑰嚮浜嬩欢涓€氳繃id鑾峰彇鏍囩瀵硅薄锛屽湪浣跨敤css()鏂规硶鍗冲彲璁剧疆瀛椾綋棰滆壊锛?/p>

function set(){
$("#btn").css("color","red"); //璁剧疆瀛椾綋棰滆壊涓虹孩鑹?/p>
}