首页 > 代码库 > jQuery对象与DOM对象
jQuery对象与DOM对象
jQuery对象与DOM对象是不一样的
例子:
<p id=”ooc”></p>
普通处理,通过标准JavaScript处理:
<script>var p = document.getElementById(‘ooc‘); //获取p标签内id为ooc的元素,给这个文本节点增加一句话,使颜色变为红色p.innerHTML = ‘学习jQuery知识‘;p.style.color = ‘red‘;</script>
jQuery的处理:
<script>var $p = $(‘#ooc‘);$p.html(‘学习jQuery知识‘).css(‘color‘,‘red‘);</script>
如何把jQuery对象转成DOM对象?
利用数组下标的方式读取到jQuery中的DOM对象
数组的索引是从0开始的,也就是第一个元素下标是0
HTML代码
<div>元素一</div><div>元素二</div><div>元素三</div>
JavaScript代码
<script>var $div = $(‘div‘) //jQuery对象var div = $div[0] //转化成DOM对象div.style.color = ‘red‘ //操作dom对象的属性</script>
通过jQuery自带的get()方法
<script>var $div = $(‘div‘) //jQuery对象var div = $div.get(0) //通过get方法,转化成DOM对象div.style.color = ‘red‘ //操作dom对象的属性</script>
通过$(dom)方法将普通的dom对象加工成jQuery对象后调用jQuery
JavaScript代码<script>var div = document.getElementsByTagName(‘div‘); //dom对象var $div = $(div); //jQuery对象var $first = $div.first(); //找到第一个div元素$first.css(‘color‘, ‘red‘); //给第一个元素设置颜色</script>
jQuery对象与DOM对象
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。