关于jquery与dom元素转换
2015-12-17 15:00
537 查看
其实一开始我也分不清到底哪些是jquery对象,哪些是dom对象,永久了jquery对dom就更是不熟了,我举个例子说一下
jquery对象是用$()包装过的对象,所以有时候用jquery对象和dom的属性方法混用是错误的。
看看获取td 内值的举例吧:
第一种parent是jquery方法,大家看到parent后面的括号了吧
第二种parentNode是dom的父节点,同样是获取table某一td内的值,使用确是完全不一样的。
这里如果细心看到了我用jquery转换成dom再使用的parentNode的,jquery转化可以直接[0]或者get(0)来实现。
dom转换成jquery可以直接套在$()里就可以了,比较简单吧。
jquery对象是用$()包装过的对象,所以有时候用jquery对象和dom的属性方法混用是错误的。
看看获取td 内值的举例吧:
var osName = $(this).parent().parent().find('td:eq(1)').text(); var scriptDesc = $(this)[0].parentNode.parentNode.cells[2].innerHTML;
第一种parent是jquery方法,大家看到parent后面的括号了吧
第二种parentNode是dom的父节点,同样是获取table某一td内的值,使用确是完全不一样的。
这里如果细心看到了我用jquery转换成dom再使用的parentNode的,jquery转化可以直接[0]或者get(0)来实现。
dom转换成jquery可以直接套在$()里就可以了,比较简单吧。
相关文章推荐
- Jquery EasyUI 弹出div对话框引入其他页面(iframe)
- Jquery EasyUI 弹出div对话框引入其他页面(iframe)
- 【jQuery】调用live()方法绑定元素的事件
- 【jQuery】下拉列表框的change事件
- 【jQuery】文本框的focus和blur事件
- 【jQuery】调用trigger()方法手动触发指定的事件
- jQuery全屏滚动插件FullPage.js中文帮助文档API
- 【jQuery】使用one()方法绑定元素的一次性事件
- 【jQuery】使用unbind()方法移除元素绑定的事件
- jQuery实现进度条效果代码
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- [前端] jquery验证手机号、身份证号、中文名称
- 【jQuery】使用toggle()方法绑定多个函数
- JQuery easyUI datagrid 排序,使用sorter自定义排序
- 文本框去空格,jquery用在不同浏览器
- 解决jQuery版本冲突的方法
- 集成iscroll 下拉加载更多 jquery插件
- jQuery自定义方法
- 【jQuery】使用hover()方法切换事件
- 【jQuery】使用bind()方法绑定元素的事件