JS函数中使用this的错误

首先来还原一下页面的内容。

 页面中有个p元素，执行fun()函数
 <p onclick="fun()">234234234234</p>
  
  这是fun函数的定义
  function fun() {
          $(this).wrap("<div></div>");
          }

 

当点击p元素的时候，会报不支持该接口。

分析原因：

　　页面加载时，p元素只绑定了fun函数，而并没有对fun函数中的this进行获取对象，在点击p时，this关键字是得不到p元素的。

解决方法：

　　我们可以换成例外一种写法，就可以使用this获取对象了。代码如下：

　　

$("p").click(function(){
    $(this).wrap("<div></div>");
});