jQuery对象与DOM对象区别入门教程
jQuery 的对象和 DOM 对象的区别，算是刚入门 jQuery 时最容易搞混的点之一。jQuery 封装得挺聪明，写法上更简洁，链式调用也顺手。像你用$('#box')拿到的，其实就是个jQuery 对象，不是原生 DOM 哦。
jQuery 对象自带多方法，比如.hide()、.css()、.addClass()，都可以直接用，方便。但你要是想用原生的getElementById或者操作innerHTML，就得先把它转成 DOM 对象，比如加个[0]或者.get(0)。
反过来，如果你拿到的是 DOM 对象，也可以用$(dom)包一下，马上就能用 jQuery 的那些链式操作了。其实挺灵活的，两个世界互转起来也不麻烦。
对了，想更系统地搞清楚这些概念，下面这些文章也蛮值得一看：
- jQuery 基础教程：DOM 操作，里面讲得比较细，案例也实用
- JavaScript DOM 基础入门指南，适合你打基础
- DOM 文档对象中文手册，查方法挺方便的
- 查找节点-jquery 基础入门，常见的
find、children都有讲
如果你在项目里 jQuery 和原生混着用，记得注意对象类型，免得调不通方法还一脸懵～
文件大小：1.63MB
评论区