jQuery語法以及應用
阿新 • • 發佈：2018-11-09
在應用jquery之前，我們要知道它的一些基本的語法
jQuery 語法
jQuery 語法是為 HTML 元素的選取編制的，可以對元素執行某些操作。
基礎語法是：$(selector).action()
- 美元符號定義 jQuery
- 選擇符（selector）“查詢”和“查詢” HTML 元素
- jQuery 的 action() 執行對元素的操作
瞭解語法後，你可能還不知道如何用，下邊這段程式碼將告訴你：
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script>//引用jQuery庫 <script> $(document).ready(function(){ $("button").click(function(){//點選事件,當點選button按鈕後，出發function() $("p").hide();//對p標籤的屬性進行hide（）隱藏）操作 }); }); </script> </head> <body> <h2>這是標題</h2> <p>這是一個段落。</p> <p>這是另一個段落。</p> <button>點選這裡</button> </body> </html>
執行結果為：
點選button按鈕後：
標籤為p的元素消失。
我們注意到，在前面還有這樣一個語句
$(document).ready(function(){}
它的出現是為了：
防止文件在完全載入（就緒）之前執行 jQuery 程式碼。
如果在文件沒有完全載入之前就執行函式，操作可能失敗
好了，這次我們學習了一些簡單的語句，下次在研究下複雜的。