跟著w3schools做，遇到問題如下：做完後再去做JS
- 要放在<head>裡面???我的好像沒有也可以。
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
- hide and show，slide，使用toggle，可以改變button的文字。就是新增一個變數，利用每按一次+1，然後%2==0，將button的text做改變。
- fade，學到用CSS，display:none，一開始就不會顯示，再用fadeIn讓它顯示。fadeToggle會自動判斷有無none耶@
- animate，是小駝峰寫法(paddingLeft instead of padding-left)。竟然還可以(height: 'toggle')將高度顯示或隱藏@顏色改不了@@無法動態改顏色。
- callback，在某個動作的後面加function，當動作結束後才執行。
- chaining，css只能用一次，不然會被後面的蓋住。
- get，text() 可以得到 "文字內容" 。html()，可以得到 "包含html內容" 。
val()，可以得到 "輸入框中的內容" 。attr("href")，可以得到 "href的內容"。 - set，可以改變文字，在text("改變文字");，html("改變文字");，val("改變文字");，attr('href' , 'https://google.com');
set要使用callback，會回傳兩個變數，一個是0，一個是原本的文字。 - add，可以增加html文字。
$("ol").append(增加html)在OL裡面的最後面。
$("ol").after(增加html)在OL的外面的後面。
$("ol").prepend(增加html)在OL裡面的最前面。
$("ol").before(增加html)在OL的外面的前面。 - remove，可以刪除某個id或class。也有empty()刪除內容。
- css classes，要先寫好css，$("div").addClass(css的名稱)就可以加入。
removeClass(css名稱)，可以刪除CSS。toggleClass(css名稱)可以做出切換動作。 - css，直接寫CSS在裡面。只有一個CSS，只用逗號區分屬性跟內容。
$("p").css("background-color", "yellow");
多個CSS，先用分號區分屬性跟內容，再用豆號區分下一個CSS。
$("p").css({"background-color": "yellow", "font-size": "200%"}); - dimension，清楚說明padding、margin的距離。
- Traversing，找相關的DOM。有清楚的圖可以說明父輩、子輩，祖輩、孫輩。
- Ajax，
[
end
]
沒有留言:
張貼留言
注意：只有此網誌的成員可以留言。