首页 > Web开发 > 详细

jquery使用原生js方法 js/jQuery对象互转

时间:2014-12-03 12:14:05      阅读:246      评论:0      收藏:0      [点我收藏+]

 

       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="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对象互转

原文:http://www.cnblogs.com/k13web/p/4139488.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!