javascript中jQuery对象和dom对象
2016-03-31 19:36
435 查看
1 dom对象属于文档对象模型,而Query对象是将dom对象一个或多个进行包装而成,所以说dom对象可以看做一个个体,而jQuery看做多个dom对象的集合。
2 jQuery和dom没有包含和被包含的关系,所以说jQuery对象不能调用dom方法或者属性,同理于dom,
{ ($("#swap").innerHTML="嵌入文本"
getElementById("wrap").html('嵌入文本')
}都是错误的。
3 jQuery和dom对象是可以相互转换的,正是由于这一点,常见方法是通过dom抓取对象,再将它封存为jQuery对象,原因是jQuery对象不需要操作时不需要遍历。
4 jQuery对象与dom对象转换方法
jQuery转换为dom对象
{
var $li=$("li");
var li=$li[0];
li.innerHTML;
}
{
var $li=$("li");
var li=$li.get(0); // 调用domget方法
alert(li.innerHTML);
}
dom对象转换为jQuery对象
{
var li=getElementById('li'); //获取所有li元素
var $li=$(li); //把获取的li元素封装成jQuery对象
alert($li.html());
}
2 jQuery和dom没有包含和被包含的关系,所以说jQuery对象不能调用dom方法或者属性,同理于dom,
{ ($("#swap").innerHTML="嵌入文本"
getElementById("wrap").html('嵌入文本')
}都是错误的。
3 jQuery和dom对象是可以相互转换的,正是由于这一点,常见方法是通过dom抓取对象,再将它封存为jQuery对象,原因是jQuery对象不需要操作时不需要遍历。
4 jQuery对象与dom对象转换方法
jQuery转换为dom对象
{
var $li=$("li");
var li=$li[0];
li.innerHTML;
}
{
var $li=$("li");
var li=$li.get(0); // 调用domget方法
alert(li.innerHTML);
}
dom对象转换为jQuery对象
{
var li=getElementById('li'); //获取所有li元素
var $li=$(li); //把获取的li元素封装成jQuery对象
alert($li.html());
}
相关文章推荐
- 用jQuery—ui对表格进行修改数据
- 用Jquery做图片轮播
- JQuery选择器收藏
- jQuery.trigger() 函数详解
- jquery判断元素是否有某个属性
- jQuery的ajax()方法提交数组问题
- 从零开始学_JavaScript_系列(四)——jquery(基础,选择器,触发条件,动画,回调函数)
- jquery中html()、text()、val()的区别
- jquery.validate form 基本使用
- 关于Jquery的笔记
- Jquery Plugin 初学
- jquery select取值,赋值操作
- 基于jquery实现轮播焦点图插件
- jQuery源码学习:使用隐藏的new来创建对象
- jquery的mouseover和mouseout闪烁问题
- jquery.cookie.js 中cookie删除问题
- PHP+jQuery+Ajax多图片上传
- jquery元素获取
- jQuery.form.js使用
- Web jquery ajax,EL遍历 js刷新 jquery遍历json数组填充表格 等等随笔