1）隱藏/顯示

這用於隱藏或顯示無(wú)效的HTML元素。如果您想快速隱藏或顯示一些HTML元素，請(qǐng)使用此功能。

• 語(yǔ)法： hide（），show（）>
例子 ：

現(xiàn)場(chǎng)演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_show_hide

<span>$(document).ready(function(){
</span>	<span>$(".btn1").click(function(){
</span>		<span>$("p").hide();
</span>	<span>});
</span>	<span>$(".btn2").click(function(){
</span>		<span>$("p").show();
</span>	<span>});
</span><span>});</span>

2）淡入/淡入/淡入/淡出

這涉及使用漂亮的褪色效果隱藏和顯示HTML元素。當(dāng)您想以一種很好的方式顯示或隱藏DIV及其內(nèi)容時(shí)，它會(huì)很好地使用。

• 語(yǔ)法：fadein（），fadeout（）

例子：

<span>$(document).ready(function(){
</span>	<span>$(".btn1").click(function(){
</span>		<span>$("p").fadeOut()
</span>	<span>});
</span>	<span>$(".btn2").click(function(){
</span>		<span>$("p").fadeIn();
</span>	<span>});
</span><span>});</span>

現(xiàn)場(chǎng)演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_fadeout_fadein

3）停止

如果您想停止當(dāng)前運(yùn)行動(dòng)畫(huà)，只需使用此動(dòng)畫(huà)即可。

• 語(yǔ)法：
>

例子：

<span>$(document).ready(function(){
</span>	<span>$("#start").click(function(){
</span>		<span>$("div").animate({height:300},3000);
</span>	<span>});
</span>	<span>$("#stop").click(function(){
</span>		<span>$("div").stop();
</span>	<span>});
</span><span>});</span>

現(xiàn)場(chǎng)演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_stop

4）動(dòng)畫(huà)

一個(gè)不錯(cuò)的語(yǔ)法，通過(guò)CSS樣式將一個(gè)元素從一個(gè)狀態(tài)變?yōu)榱硪粋€(gè)狀態(tài)。它只是逐漸更改CSS屬性值，這將導(dǎo)致動(dòng)畫(huà)效果。

• > andtax： animate（）
例子：

現(xiàn)場(chǎng)演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_animate

<span>$(document).ready(function()
</span><span>{
</span>	<span>$("#btn1").click(function(){
</span>		<span>$("#box").animate({height:"300px"});
</span>	<span>});
</span>	<span>$("#btn2").click(function(){
</span>		<span>$("#box").animate({height:"100px"});
</span>	<span>});
</span><span>});</span>

5）滑動(dòng)切換

該語(yǔ)法大量用於使用jQuery的各種網(wǎng)站。理想情況下，它只是為了隱藏和顯示HTML元素，但是在非常漂亮的滑動(dòng)效果中，就像典型WordPress網(wǎng)站管理員區(qū)域的左側(cè)欄菜單一樣。

• > andtax： slideToggle（）
例子：

現(xiàn)場(chǎng)演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_slideToggle

<span>$(document).ready(function(){
</span>	<span>$("button").click(function(){
</span>		<span>$("p").slideToggle();
</span>	<span>});
</span><span>});</span>

經(jīng)常詢問(wèn)有關(guān)jQuery語(yǔ)法

的問(wèn)題（常見(jiàn)問(wèn)題解答）

> jQuery的基本語(yǔ)法是什麼？它寫(xiě)為$（selector）.action（）。在這裡，美元符號(hào)（$）定義或訪問(wèn)jQuery，（選擇器）查找html元素，然後在元素上執(zhí)行.Action（）。例如，$（“ p”）。 hide（） - 隱藏所有段落元素。

>文檔準(zhǔn)備事件如何在jQuery中工作？

>文檔準(zhǔn)備就緒事件是與JQuery合作的關(guān)鍵部分。它可以確保在文檔滿載之前，JavaScript代碼不會(huì)運(yùn)行。這很重要，因?yàn)槿绻膉Query代碼在文檔滿載滿載之前運(yùn)行，則可能無(wú)法正常工作。此的語(yǔ)法是$（document）。

> $ sign在jQuery中的目的是什麼？它用於定義或訪問(wèn)jQuery。如果您使用的另一個(gè)使用$標(biāo)記的JavaScript庫(kù)，則可以使用jquery.noconflict（）來(lái)避免衝突。

>

如何選擇jquery中的元素？

jquery提供了一種強(qiáng)大的方法，可以使用與CSS相同的語(yǔ)法選擇元素。您可以通過(guò)標(biāo)籤名稱，類名，ID，屬性或其在HTML中的相對(duì)位置選擇元素。例如，要選擇所有段落元素，您將使用$（“ p”）。

您如何在jQuery中的選定元素上執(zhí)行操作？

一旦選擇了選擇元素，就可以使用jQuery方法對(duì)它們執(zhí)行操作。例如，您可以使用.hide（）方法隱藏選定的元素，也可以使用.show（）方法顯示它們。這些方法是在所選元素上調(diào)用的，例如：$（$（“ p”）。hide（）。

您可以在jQuery中鏈接操作嗎？

是的，是的，jQuery的強(qiáng)大功能之一就是可以將鏈條動(dòng)作一起操作。這意味著您可以在同一集元素上執(zhí)行多個(gè)操作，所有操作都可以在單個(gè)語(yǔ)句中執(zhí)行。例如，$（“ p”）。css（“顏色”，“紅色”）。slideup（2000）。

>

什麼是jQuery事件？如何使用它們？

jQuery事件是您應(yīng)用程序可以檢測(cè)到的操作。其中包括用戶操作，例如點(diǎn)擊或鍵按，或文檔加載之類的東西。您可以通過(guò)功能響應(yīng)這些事件，允許您創(chuàng)建動(dòng)態(tài)的，交互式的Web應(yīng)用程序。

如何在jQuery中編寫(xiě)評(píng)論？

>在jQuery中的註釋與JavaScript中的寫(xiě)作方式相同。您可以使用//進(jìn)行單行註釋，或 / * * /進(jìn)行多行註釋。瀏覽器忽略了註釋，可用於製作筆記或解釋您的代碼。

>如何在html中包含jQuery庫(kù)？

將jQuery庫(kù)包含在html中，您需要將指向jQuery源文件的腳本標(biāo)記添加到j(luò)Query源文件中。這可以是本地副本，也可以鏈接到CDN上託管的版本。腳本標(biāo)籤應(yīng)放置在HTML的頭部，或者在關(guān)閉的主體標(biāo)籤之前。

> jQuery和javascript之間有什麼區(qū)別？它為使用HTML文檔，處理事件，創(chuàng)建動(dòng)畫(huà)等方面提供了更簡(jiǎn)單，更易於用戶友好的API。雖然您可以使用普通的JavaScript來(lái)完成所有這些事情，但jQuery使其變得更加容易，並且可以在許多瀏覽器中工作。

以上是5有用的基本jQuery語(yǔ)法的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！