深入淺出 jQuery

目前位置 4 133

jQuery 網頁操作

建造按鈕

既 然 已 經 將 大 部 分 的 事情 準 備 好， 讓 我 們 回 頭 看 看 主 廚 的 需 求。

接下來，你必須建造兩個按鈕。

更新結構和指令稿，產生兩個按鈕。給予“ Go Vegetarian”按鈕 vegOn 的 ID，並且

給予“ Restore Menu”按鈕 restoreMe 的 ID。

—

我們需要一個按鈕，將菜單回復成原來的狀態。

—

我們希望有一個“Go Vegetarian”（吃素）按鈕，可自動地將網頁菜單

上的菜餚替換成素食的菜餚。

<div class="topper">

<h2>Our Menu</h2>

<ul>

<li class="nav"> </li>

<li class="nav"> </li>

</ul>

</div>

$(document).ready(function() {

var v = false;

if (v == false){

v = true}

});//end button

if (v == true){

v = false;}

});//end button

});//end document ready

index.html

my_scripts.js

134 第四章

調整

DOM

更新結構和指令稿，產生兩個按鈕。給予“ Go Vegetarian”按鈕 vegOn 的 ID，

並且給予“ Restore Menu”按鈕 restor ...