前端学习笔记-jquery-3-jquery对象与dom对象互相转换
2018-01-05 20:08
627 查看
//dom var p = document.getElementById("imooc"); p.innerHtml = "Hello"; p.style.color = "red“; //jquery var $p = $("#imooc"); $p.html(”hello“).css("color","red");
通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。
var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性
var $div = $('div') //jQuery对象 var div = $div.get(0) //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性
jQuery对象是数组结构,可以通过索引找到第一个div元素,通过返回的div对象,数组的索引是从0开始的
jQuery对象自身提供一个.get() 方法直接访问jQuery对象中相关的DOM节点
如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象
4000
var div = document.getElementsByTagName("div"); var $div = $(div); var $first = $div.first();//第一个div元素 $first.css("color","red");
相关文章推荐
- jQuery-DOM对象和jQuery对象及转换 学习笔记二
- JavaScript学习笔记8-jQuery简介、jQuery使用详解、DOM对象与jQuery对象的转换与区别
- DOM对象与jquery对象的互相转换
- jQuery对象和DOM对象区别及互相转换
- jquery学习笔记— jQuery对象和DOM对象
- JQuery随心笔记----JQuery对象和DOM对象的相互转换
- jQuery学习笔记之DOM对象和jQuery对象
- jQuery学习笔记--DOM对象和jQuery对象
- jquery 学习(四) 获取标签中的值||text()与html的区别,以及jquery对象与dom对象的转换
- jQuery对象和Dom对象互相转换
- JQuery 选择器、过滤器及JQ对象和DOM对象的互相转换
- jQuery对象和DOM对象的互相转换
- jquery学习手记(2)jQuery对象和DOM对象相互转换
- dom对象和jQuery对象的互相转换
- JQuery学习记录——jQuery对象和DOM对象的转换
- jquery学习手记(2)jQuery对象和DOM对象相互转换
- jQuery对象与DOM对象的互相转换
- jquery学习之0-dom对象和jquery对象的转换
- DOM对象与jquery对象的互相转换
- 前端学习——选择结果为JQuery对象还是DOM对象?