锋利的jQuery-1--jQuery对象和DOM对象以及相互转化
2024-10-14 13:38:50
DOM对象:
document object model,文档对象模型,每一份dom都可以表示成一棵树。
如下图所示,代码省略
在这颗dom树种,h3, p, ul以及ul的3个li子节点都是dom元素节点。
获取dom对象:
//获取dom对象
var domobj = document.getElementById("id");
//使用JavaScript方法
var objhtml = domobj.innerHTML;
jQuery对象:
jQuery对象是jQuery独有的,是通过jQuery包装dom对象得到的。
//jQuery方法
$("#foo").html();
//相当于
document.getElementById("foo").innerHTML;
jQuery对象和dom对象转换:
jQuery->dom:
1.jQuery对象是一个数组对象,可通过[index]方式得到相应的dom对象
//约定jQuery对象的变量都以$开头,避免混淆
var $cr = $("#cr"); //jquery对象
var cr = $cr[]; //dom对象
alert(cr.checked); //检测这个checkbox是否被选中
2.通过jQuery方法get(index)得到dom对象。
//约定jQuery对象的变量都以$开头,避免混淆
var $cr = $("#cr"); //jquery对象
var cr = $cr.get(); //dom对象
alert(cr.checked); //检测这个checkbox是否被选中
dom->jQuery:
对于一个dom对象,通过$()把dom对象包起来就是jQuery对象了。
var cr = document.getElementById("cr"); //dom对象
var $cr = $(cr); //jQuery对象
最后再次强调,dom对象才能使用dom中的方法,jQuery对象不能使用dom中的方法。
最新文章
- 开篇----JavaScript细节的那些事儿
- centos下配置java环境变量
- 怎么通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端?
- iOS对象序列化
- 利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
- iOS 详解NSObject协议
- maven插件打包可执行jar
- 转载: C++ 获取文件夹下的所有文件名
- PHP面试题:HTTP中POST、GET、PUT、DELETE方式的区别
- 响应式用法rem,需要加入这段JS
- js 里面的键盘事件对应的键码
- 微信小程序----用户拒绝授权,重新调起授权
- 解决 Linux 桌面亮度调整不工作
- postgresql 日常sql
- MT【289】含参绝对值的最大值之三
- 消息系统kafka原理解析
- Java面试(一) -- 基础部分(1)
- 继续修改爬虫百度贴吧,这次随意贴吧的任何一个index页都行,然后自动d盘生成tupian文件夹来保存
- Day22-中间件
- css 图片文字对齐