Jaye的碎碎念

第一堂課程

簡述jQuery動作不外乎兩個步驟

A.find it

B.Cheng it

此堂主要說明如何選取所需欄位

完整的jQuery例子如下

$("h1").text("change it ");

一般因要保證文件loading完前先處理好jQuery，所以標準都必須加入document.ready的語法

$(document).ready(function(){

$("h1").text("change it ");

});

 -------------------------------------------------------------------------------------------------------------------

課堂練習

HTML

<div class="homepage-wrapper">
<yes><h2>Welcome to jQuery Travels - Traversing the DOM since 2006</h2></yes>
<p>Fly to New York today for as little as <span>$299.99</span></p>
</div>

Q1: 選取h2欄位

A1:$("h2");

Q2:選取價錢欄位

A2:$("span");

Q3:單單選取價錢

Q3:$("span").text();

Q4:將價錢改為100

A4:$("span").text("$100");

Q5:加入ready function

A5:

$(document).ready(function(){

$("span").text("$100");

});