锋利的jQuery——DOM对象与jQuery对象的区别
2015-11-26 17:15
731 查看
DOM对象
<h3><p><ul><li>都是DOM对象,在javascript中可以使用getElementByTagName或者getElementById来获取元素节点。
var pname=document.getElementById("id");
pname.innerHTML=""; 向页面中输入内容
jQuery对象
通过jQuery包装DOM对象后产生的对象
例如:
$("#foo").html() 就等同于 document.getElementById("foo").innerHTML
但是两种对象的方法不同互相使用。
DOM对象转换为jQuery对象
var my=document.getElementById("foo");
var $my=$(my);
jQuery对象转换为DOM对象
(1)、jQuery对象是一个类似数组的对象,可以通过 [index]的方法得到相应的DOM对象
var $my=$("#my"); //jQuery对象
var my=$my[0]; //DOM对象
alert(my.checked) //检查这个checkbox是否被选中
(2)、通过get(index)方法得到相应的DOM对象
var $my =$("my"); //jQuery对象
var my =$my.get(0); //DOM对象
alert(my.checked); //检查这个checkbox是否被选中
<h3>例子</h3> <p title="选择你喜欢的水果">你最喜欢的水果是?</p> <ul> <li>苹果</li> <li>橘子</li> <li>菠萝</li> </ul>
<h3><p><ul><li>都是DOM对象,在javascript中可以使用getElementByTagName或者getElementById来获取元素节点。
var pname=document.getElementById("id");
pname.innerHTML=""; 向页面中输入内容
jQuery对象
通过jQuery包装DOM对象后产生的对象
例如:
$("#foo").html() 就等同于 document.getElementById("foo").innerHTML
但是两种对象的方法不同互相使用。
DOM对象转换为jQuery对象
var my=document.getElementById("foo");
var $my=$(my);
jQuery对象转换为DOM对象
(1)、jQuery对象是一个类似数组的对象,可以通过 [index]的方法得到相应的DOM对象
var $my=$("#my"); //jQuery对象
var my=$my[0]; //DOM对象
alert(my.checked) //检查这个checkbox是否被选中
(2)、通过get(index)方法得到相应的DOM对象
var $my =$("my"); //jQuery对象
var my =$my.get(0); //DOM对象
alert(my.checked); //检查这个checkbox是否被选中
相关文章推荐
- 基于jquery实现全屏滚动效果
- ***使用jQuery实现跨域提交表单数据
- jQuery deffered和promise对象方法
- jQuery ui
- Jquery 总结
- 锋利的jQuery——window.onload与$(document).ready()对比
- JQuery事件冒泡机制与解决
- jQuery学习之jQuery Ajax用法详解
- jQuery实现的AJAX简单弹出层效果代码
- 自己动手开发jQuery插件全面解析 jquery插件开发方法
- jquery比较两个数组是否相等,且找出不等的值。
- [转]jQuery插件实现模拟alert和confirm
- jQuery
- jquery 更换皮肤
- 解密jQuery事件核心 - 自定义设计(三)
- Jquery版json_encode
- jquery拼接字符串效率比较高的方法
- 应该知道的30个jQuery代码开发技巧
- 局部打印插件 jquery.PrintArea.js
- 有两个不同版本的jQuery库,冲突的解决办法。