DOM对象和jquery对象

DOM对象

• 直接使用JavaScript获取的节点对象
• 如：var ele=document.getElementById("id属性值"); // ele就是DOM对象
• Dom对象只能使用Dom提供的属性和方法，如：ele.innerHTML=”用户名不能为空”；

jQuery对象

• jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象，比如使用$()方法返回对象都是jquery对象
• 如：var $obj = $("div"); //获取div对象
• var $btn = $("#btn"); //获取id为btn的标签对象
• jQuery对象只能使用jquery对象的属性和方法；
• 为了区分dom对象和jquery对象，一般jquery对象都是$开头，jQuery对象是包装DOM对象后产生的，但是两者却不能混用，DOM对象只能使用DOM方法，jQuery对象只能使用jQuery方法，以下介绍两者转换的方法

DOM对象转jquery对象

• 使用$()函数进行转化：$(DOM对象)
• 直接获取jquery对象的方式：$(“#idvalue”);
• dom对象转jquery对象：

var btn = document.getElementById("btn"); //dom对象
var $btn = $(btn); //将dom对象btn转换为jQuery对象$btn

jquery对象转DOM对象

• 直接获取dom对象的方法
  • var btn = document.getElementById("btn"); //dom对象

jquery对象 转DOM对象有2中方式：

• jQuery对象是一个类似数组的对象，可以通过获取下标和get()方法的方式转换为dom对象
• 第一种方式：通过下标 [index] //推荐使用

var $txtName =$ ("#txtName");// $txtName为 jquery对象
var txtName =$txtName[0]; // txtName 是dom对象

• 第二张方式：通过 get（）方法

var $p = $("p"); //$p为jQuery对象
var p = $p.get(0)； // p 为dom对象

jquery对Dom的支持

• jQuery对JavaScript中的DOM操作进行了封装
• jQuery中的DOM操作
  • 样式操作
  • 内容及Value值操作
  • 节点操作
  • 节点属性操作
  • 节点遍历