首页 > 代码库 > jquery使用原生js方法 js/jQuery对象互转
jquery使用原生js方法 js/jQuery对象互转
javascript原生有许多方法,jquery自己也有一套封装好的方法,jquery自己的选择器非常方便,但有时候我们需要 使用原生的一些方法,如果我们使用jquery选择元素,直接调用原生javascript的方法就会出现错误。例如我们要输出一张图片的宽度:
原生js:
javascript:
var dom1 = document.getElementById("pic").width;
alert(dom1)
jquery:
var dom2 = $("#pic").width();
alert(dom5)
html:
<img src="http://www.mamicode.com/12.jpg" id="pic" >
两种方法都可以输出图片的宽度,但是当我们想使用jquery的选择器$("#pic"),并且使用原生width方法该怎么办呢?如果直接$("#pic").width是会出错的。原因是$("#pic")得到的是jquery对象,而原生width方法是DOM的属性,所以需要转化一下:
$("#pic")[0].width 或 $("#pic").get[0].width
// jquery对象转js对象
$(‘#id‘)[0]
// js对象转jquery对象
var obj = document.getElementById(‘id‘);
$(obj)
jquery使用原生js方法 js/jQuery对象互转
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。