jquery的几个重要的对象关系逻辑

在html的DOM的文档中，我们会经常需要一些查找到关键的DOM,在进行操作，就是所谓的父级元素，当前元素，兄弟元素，子元素之间的关系逻辑。

（1）$(this)

这个是指对象本身自己，创建该对象的时候，就已经默认创建了this。

（2）parent()方法是寻找当前的元素的父元素

$('#id').click(function(){
    $(this).parent('#id').find('.class').on('click',function(){
    });
});

上面就是一个简单的例子，当点击某一个元素的时候，需要对当下的所有的兄弟元素重新在绑定一个事件。这种用法在实际的项目中会比较灵活。

（3）append()方法在被选元素的结尾（仍然在内部）插入指定内容。

<pre name="code" class="html">$('#id').append(tpl).on('click',function(){
     

     $(this).css();

});

这个的$(this)的对象是$('#id')。

（4）appendTo()方法也是把一个元素追加到另一个元素中】

<pre name="code" class="html">$(tpl).appendTo('#id').on('click',function(){
     

     $(this).css();

});

与append的区别是$(this)的对象不同，在这里$(this)是指tpl里的DOM