由$(this).attr('id')引出的一點感想

這幾個月一直在學習JS，對HTML不夠重視，有些很基礎的東西還沒完全掌握，於是暴露了問題。

在看DOM元素屬性時突然看到了id屬性，不由得想起之前我竟然是這么來獲取id的

$('#btn').on('click', function() {
  var id = $(this).attr('id');
  //... 
});

this指向被點擊的dom元素，id的話這樣取就好了

$('#btn').on('click', function() {
  var id = this.id;
  //... 
});

應該多使用DOM元素本身，因為每一次$()都會創建一個新的jQuery對象

然而有時我們想要用jQuery的各種方法時，可以這樣

(function() {
    $.extend(jQuery, {
        temp: (function() {
            var temp = $({});
            return function(element) {
                temp[0] = element;
                return temp;
            }
        })()
    });
})();

$('#btn').on('click', function() {
  var html = $.temp(this).next().html();
  //...
});

每次傳入一個DOM元素都只是替換了temp這個jQuery對象里的DOM元素，而避免創建新的jQuery對象