js jquery this

lililucky1211

浏览: 274681 次

最近访客更多访客>>

awerty3450p

Janler

g39bcm

Corey_KouRui

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

今天遇到一个问题，在使用js创建对象时，里面的方法内包含function时，在内部的function里无法调用对象的方法，this无法穿透，this在方法中可以使用，但在往下一层就不可以，解决办法是在方法里使用var obj=this,然后在内部的function里使用obj.fun就可以调用对象的属性方法。

<body>
<div class="">
<a href="javascript:void(0);" id="testFirst">上层</a>
<a href="javascript:void(0);" id="testSec">第二层</a>
<a href="javascript:void(0);" id="testSolve">解决</a>
</div>
 
</body>
<script type="text/javascript">
var jsObject={
 
str:"1qaz2wsx?asdfghjkl.",
testFirstThis:function(){
alert(this.str); -----------------1qaz2wsx?asdfghjkl.
},
testSecThis:function(){
$(document).ready(function(){
alert(this.str);----------------undefined
});
},
testSolve:function(){
var obj=this;
$(document).ready(function(){
alert(obj.str);---------------------------1qaz2wsx?asdfghjkl.
});
}
 
}
 
$(document).ready(function(){
$("#testFirst").click(function(){
jsObject.testFirstThis();
});
$("#testSec").click(function(){
jsObject.testSecThis();
});
$("#testSolve").click(function(){
jsObject.testSolve();
});
 
});
 
</script>

总结与实例：

<body>

 

<div>

<p class="p1" style="background-color:orange;"> click</p>

<p class="p3" style="background-color:yellow;" onclick= "fun();" action-str="ssss"> click</p>

<p class="p2" style="background-color:green;" onclick= "funClick(this);" action-str="ssss"> click</p>

</div>

 

</body>

<script type="text/javascript">

 

 

//jquery 绑定事件函数中的this指DOM元素，$(this)指该DOM元素的jquery对象

$(document).ready(function(){

 

$('.p1').on('click',function(){

alert(this);

var innerHTML = $(this).html();

alert(innerHTML);

})

 

 

});

// js的this所在的函数是哪个对象的方法调用，该对象就是this所指向的对象
 
 
 
 
 
var fun = function(){
 
debugger;
 
alert(this);     //由于包含this的函数fun是全局的window里的函数，所以this指向window
 
//alert(this.fun()); // 该处即可调用到fun
 
 
 
}
 
 
 
 
 
var funClick = function(v){
 
debugger;
 
var strHtml = $(v).html();//onclick绑定事件传入的this，调用onclick的对象是A标签，所以this指向DOM元素，，脚本引擎生成了一个标签实例对象的匿名成员方法，而onclick指向这个方法
 
var str = $(v).attr("action-str");
alert(str);
 
 
 
}

分享到：

js 窗口监听滚动和调整大小 | setTimeout

2013-05-10 17:03
浏览 895
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js jquery this

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js jquery this

评论

发表评论

相关推荐

taobao 弹出层js layer

获取js对象属性，属性key是动态的

location.hash

js 排序 sort

getElementsByClassName

层级js

live on jquery

dom -- jquey Object

js定位

异步加载js--- iframe加载完后 异步加载js

“监听”窗口的“高度”

appendchild

js 全局变量 ie下赋值不成功

js 浮点数相加 保留一个小数

window.print

实现js对象属性的继承

出现http://ip/uc://ip/uc

postMessage html5

js indexOf

setTimeout

最近访客更多访客>>

异步加载js--- iframe加载完后异步加载js

js 浮点数相加保留一个小数