## 使用jQuery 收到WordPress網頁后，您的jQuery腳本會在用戶瀏覽器上運行。 一個基本的jQuery語句有兩個部分：一個選擇器，用于確定代碼適用于哪些HTML元素，以及一個動作或事件，用于確定代碼的作用或反應。 基本事件語句如下所示： ``` jQuery.(selector).event(function); ``` 當由選擇器選擇的HTML元素中發生諸如鼠標點擊的事件時，將執行在最后一組括號內定義的函數。 所有以下代碼示例均基于此HTML頁面內容。 假設它出現在插件的管理設置屏幕上，由myplugin_settings.php文件定義。 它是一個簡單的表，每個標題旁邊都有單選按鈕。 ``` <pre> <form id="radioform"> <table> <tbody> <tr> <td><input class="pref" checked="checked" name="book" type="radio" value="Sycamore Row" />Sycamore Row</td> <td>John Grisham</td> </tr> <tr> <td><input class="pref" name="book" type="radio" value="Dark Witch" />Dark Witch</td> <td>Nora Roberts</td> </tr> </tbody> </table> </form> </pre> ``` 輸出可能在您的設置頁面看起來像這樣。 ## 樣品表 在關于AJAX的文章中，我們將構建一個AJAX交換器，用于在usermeta中保存用戶選擇，并添加標有選定標題的帖子數量。 不是一個非常實用的應用程序，但它說明了所有重要的步驟。 jQuery代碼可以駐留在外部文件中，也可以輸出到`<script>`塊內的頁面。 我們將專注于外部文件變體，因為PHP的傳遞值需要特別注意。 如果您似乎更方便，則可以將相同的代碼輸出到頁面。 ## 選擇器和事件 選擇器與CSS選擇器的形式相同：“.class”或“#id”。 有更多的形式，但這些是您將經常使用的兩個。 在我們的示例中，我們將使用類“.pref”。 還有一大堆可能的事件，一個你可能會使用很多是'點擊'。 在我們的例子中，我們將使用'change'來捕獲單選按鈕。 請注意，jQuery事件通常被命名為與JavaScript不同的命名。 到目前為止，在添加了一個空的匿名函數之后，我們的示例語句如下所示： ``` $.(".pref").change(function(){ /*do stuff*/ }); ``` 當“pref”類的任何元素發生變化時，此代碼將“做任何事情”。 >[info] 注意：此代碼片段以及此頁面上的所有示例都用于說明AJAX的使用。 代碼不適合于生產環境，因為有意的省略了相關的操作，如清潔，安全，錯誤處理和國際化。 一定要在生產代碼中解決這些重要的操作。