jQuery 是一個類庫 擁有眾多js函數的類庫
jQuery 大大簡化了js的書寫代碼,看的舒服,用的爽。
jQuery 是一個數組,它能夠隱性的遍歷。
比如 ${"button"} 這樣就把body 標簽裡面的<button /> 標簽都給遍歷了。
${"button"}.click(function() {
// 彈出HelloWorld
alerd("HelloWorld");
//jQuery 和DOM 對象
//1). 獲取一個 jQuery 對象
var $btn = $("button");
//2). jQuery 對象是一個數組
alert($btn.length);
//3). 可以通過數組的下標轉為DOM對象
alert($btn[0].firsChild.nodeValue);
}
)
<body>
<button>1</button>
<button>2</button>
</body>
var $btn = $("button"); 就是獲取一個jQuery對象 這個 Jquery對象 可以對button標簽進行操作。
這裡的隱性遍歷就是把 body裡面的 button 標簽都給添加click點擊事件。
// 2. 由DOM 對象轉換為jQuery對象
// 1). 選取一個 DOM 對象
var btn = document.getElementById("btn");
// 2). 把 btn 用 $("") 進行包裝 這樣就轉換成為了jQuery對象
alert($("btn").text());
// 還可以用this,this表示 btn 引用當前 DOM對象alert($(this).text());