技术问答jquery鎬庝箞闅愯棌鍥剧墖 - 扬州沐宇科技

浣跨敤jquery璁剧疆鍥剧墖闅愯棌鐨勬柟娉曪細1.鏂板缓html椤圭洰锛屽紩鍏query锛?.浣跨敤img鏍囩娣诲姞鍥剧墖锛?.鍒涘缓button鎸夐挳锛岀粦瀹歰nclick鐐瑰嚮浜嬩欢锛?.閫氳繃鏍囩鍚嶈幏鍙栧浘鐗囧璞★紝浣跨敤toggle()鏂规硶闅愯棌鍥剧墖锛?/p>

jquery鎬庝箞闅愯棌鍥剧墖

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

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

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

2.寮曞叆jquery鍚庯紝鍦ㄩ」鐩腑浣跨敤img鏍囩娣诲姞涓€寮犲浘鐗囷紝鐢ㄤ簬娴嬭瘯锛?/p>

<img src="images/1.jpg" />

3.鍥剧墖娣诲姞濂藉悗锛屽垱寤轰竴涓猙utton鎸夐挳锛屽苟缁戝畾onclick鐐瑰嚮浜嬩欢锛岀敤浜庣偣鍑婚殣钘忥紱


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

4.鏈€鍚庯紝鎸夐挳娣诲姞濂藉悗锛屽湪鐐瑰嚮浜嬩欢涓€氳繃鏍囩鍚嶈幏鍙栧浘鐗囧璞★紝鍦ㄤ娇鐢╰oggle()鏂规硶鍗冲彲瀹炵幇鍥剧墖闅愯棌锛?/p>

function set(){
$('img').toggle();
}