JQuery Demo是一個(gè)非常流行的前端開(kāi)發(fā)工具包，它提供了很多示例代碼和教程，方便初學(xué)者學(xué)習(xí)和使用JQuery。下面我們來(lái)看看一些常用的Demo實(shí)例：

<script src="jquery.min.js"></script><script>$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script><p>If you click on the "Hide" button, I will disappear.
<button>Hide</button>

以上代碼實(shí)現(xiàn)了jQuery實(shí)現(xiàn)點(diǎn)擊按鈕隱藏頁(yè)面中的一個(gè)段落。

<script src="jquery.min.js"></script><script>$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script><p>If you click on me, I will disappear.
<p>Click me away!
<p>Click me too!

以上代碼實(shí)現(xiàn)了jQuery實(shí)現(xiàn)點(diǎn)擊任何一個(gè)段落都會(huì)把該段落隱藏。

<script src="jquery.min.js"></script><script>$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
</script><div id="test">
Welcome to jQuery world!
This is a paragraph.
This is another paragraph.
</div><button>Hide</button>

以上代碼實(shí)現(xiàn)了jQuery實(shí)現(xiàn)點(diǎn)擊按鈕隱藏id為“test”的div中的所有元素。

JQuery Demo實(shí)例不僅提供了很好的學(xué)習(xí)方式，同時(shí)還可以快速地實(shí)現(xiàn)一些常用的功能，減少開(kāi)發(fā)成本和時(shí)間。