jquery的几个重要的对象关系逻辑
2015-08-19 20:01
585 查看
在html的DOM的文档中,我们会经常需要一些查找到关键的DOM,在进行操作,就是所谓的父级元素,当前元素,兄弟元素,子元素之间的关系逻辑。
(1)$(this)
这个是指对象本身自己,创建该对象的时候,就已经默认创建了this。
(2)parent()方法是寻找当前的元素的父元素
上面就是一个简单的例子,当点击某一个元素的时候,需要对当下的所有的兄弟元素重新在绑定一个事件。这种用法在实际的项目中会比较灵活。
(3)append()方法在被选元素的结尾(仍然在内部)插入指定内容。
这个的$(this)的对象是$('#id')。
(4)appendTo()方法也是把一个元素追加到另一个元素中】
与append的区别是$(this)的对象不同,在这里$(this)是指tpl里的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
相关文章推荐
- 利用jquery使对象在页面做曲线运动
- Jquery的$.ajax和$.post,$.get的用法总结
- JQuery开发权威指南——学习笔记
- jquery.webcam进行摄像头拍照
- js jQuery 动态校验表单输入框内容
- js以字符串方式创建DOM(原生js,jquery,extjs)
- 贴近用户体验的Jquery日期、时间选择插件
- jquery的each()详细介绍
- jQuery取得select选中的值
- jQuery实现购物车表单自动结算
- js搜索框 js仿百度搜索 js下拉框 jQuery.Autocomplete使用
- Jquery 弹出新窗体
- 常见26个jquery使用技巧详解(比如禁止右键点击、隐藏文本框文字等)
- jQuery
- jQuery -html(),text(),val()区别
- jQuery.extend()源码解读
- jQuery.extend 函数详解
- SpringMVC -jquery实现分页
- jquery 判断元素是否存在
- jquery选中多个标签、选中多个class的标签