码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-09-19 21:02:18      阅读:568      评论:0      收藏:0      [点我收藏+]

标签:

这几个月一直在学习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对象

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

标签:

原文地址:http://www.cnblogs.com/coiorz/p/4822058.html

(12)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!