5有用的基本jQuery語法

1）隱藏/顯示

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

• 語法： hide（），show（）>
例子 ：

現場演示： 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元素。當您想以一種很好的方式顯示或隱藏DIV及其內容時，它會很好地使用。

• 語法：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>

現場演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_fadeout_fadein

3）停止

如果您想停止當前運行動畫，只需使用此動畫即可。

• 語法：
>

例子：

<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>

現場演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_stop

4）動畫

一個不錯的語法，通過CSS樣式將一個元素從一個狀態變為另一個狀態。它只是逐漸更改CSS屬性值，這將導致動畫效果。

• > andtax： animate（）
例子：

現場演示： 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）滑動切換

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

• > andtax： slideToggle（）
例子：

現場演示： 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>

經常詢問有關jQuery語法

的問題（常見問題解答）

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

>文檔準備事件如何在jQuery中工作？

>文檔準備就緒事件是與JQuery合作的關鍵部分。它可以確保在文檔滿載之前，JavaScript代碼不會運行。這很重要，因為如果您的jQuery代碼在文檔滿載滿載之前運行，則可能無法正常工作。此的語法是$（document）。

> $ sign在jQuery中的目的是什麼？它用於定義或訪問jQuery。如果您使用的另一個使用$標記的JavaScript庫，則可以使用jquery.noconflict（）來避免衝突。

>

如何選擇jquery中的元素？

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

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

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

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

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

>

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

jQuery事件是您應用程序可以檢測到的操作。其中包括用戶操作，例如點擊或鍵按，或文檔加載之類的東西。您可以通過功能響應這些事件，允許您創建動態的，交互式的Web應用程序。

如何在jQuery中編寫評論？

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

>如何在html中包含jQuery庫？

將jQuery庫包含在html中，您需要將指向jQuery源文件的腳本標記添加到jQuery源文件中。這可以是本地副本，也可以鏈接到CDN上託管的版本。腳本標籤應放置在HTML的頭部，或者在關閉的主體標籤之前。

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

以上是5有用的基本jQuery語法的詳細內容。更多資訊請關注PHP中文網其他相關文章！