jQuery this.children() 返回 DOM 對象無 jQuery 方法

錯誤代碼

$('.content').hover(function() {
    var myhtml = $(this).children();
    myhtml[1].hide(); // 錯誤：[1] 取得原生 DOM 元素，無 hide()
});

原因

myhtml[1] 返回原生 DOM 元素，不具備 jQuery 方法（hide, css, 等）。

正確寫法

myhtml.eq(1).hide();        // jQuery 方法，返回 jQuery 對象
// 或
$(myhtml[1]).hide();        // 重新包裝為 jQuery 對象

鑒別

• [] 索引 → 原生 DOM
• .eq() / .get() → jQuery 對象 / 原生 DOM