一天半小時-JQuery快速上手基礎教學篇 Day1

<div id="div-test"><strong style="color:red;">test</strong></div>
<div class="div-test">test1</div>
<div class="div-test">test2</div>

<div class="result1">我用來顯示結果1</div>
<div class="result2">我用來顯示結果2</div>

var testText = $("#div-test").text();//顯示id是div-test這個元素的內文(不含html tag)
var testHtml= $("#div-test").html();//顯示id是div-test這個元素的內文(含html tag)

//下面供看結果用
$(".result1").html(testText);
$(".result2").html(testHtml);

$(".div-test").text();//顯示class是div-test這個元素的內文(共兩個,不含html tag)
$(".div-test").html();//顯示class是div-test這個元素的內文(共兩個,含html tag)

$(".div-test:last-child").text();//顯示class是div-test的最後一個元素的內文(不含html tag)
$(".div-test:last-child").html();//顯示class是div-test的最後一個元素的內文(含html tag)
//更多詳細的用法可參考https://www.runoob.com/jquery/jquery-ref-selectors.html

$(document).ready(function () {
    console.log("我初始化好了");
});

$(document).on("click", ".div-test", function() {
    alert("A");
})
//比較常見的也有人會像下面這樣寫,比較直觀但是不適用動態生成的元素
$(".div-test").click(function(){
   alert("A");
});