87,997
社区成员
发帖
与我相关
我的任务
分享jquery 小问题 this用法
jquery 插件中代码如图：
两个this分别是什么意思？
$(this) 肯定是我调用插件方法的jquery 对象，那上面那个是什么意思？
两个this分别是什么意思？
$(this) 肯定是我调用插件方法的jquery 对象，那上面那个是什么意思？
...全文
请发表友善的回复…
发表回复
阿鱼 2013-09-06
- 打赏
- 举报
（1）
//如你所示,插件构造一般如下：
$.fn.pluginName=function(){
...
return this.each(function(){
$(this)...
})
}
//调用插件的格式一般如下：
$('.className').pluginName();
豪情 2013-09-05
- 打赏
- 举报
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
<title>test</title>
</head>
<body>
<body>
<div class="div1">test</div>
<div class="div2">test</div>
<div class="div3">test</div>
<script type="text/javascript">
$.fn.test = function(){
console.log(0, this);
console.log(1, $(this));
console.log(2, (this == $(this)));
return this.each(function(){
var obj = $(this);
console.log(3, $(this));
console.log(4, this);
});
}
$('.div1').test();
$('.div2').test();
$('.div3').test();
</script>
</body>
</html>
$('.div1').test();
$('.div2').test();
$('.div3').test();
zhjdg 2013-09-05
- 打赏
- 举报
不看看$.each函数，永远都是不懂
Function_Xu 2013-09-05
- 打赏
- 举报
this是指向当前作用域的，第一个指向包含return的函数，第二个就不晓得了
不会消失的夜晚 2013-09-05
- 打赏
- 举报
明白了，也就是比如我在调用的位置是多个div,第一个this就应该是着多个div的集合。
然后第二个this就是多个div中的一个dom对象，然后用$转换为jquery对象，是这样的吧？[/quote]
有完整的代码么？
华海未寒 2013-09-05
- 打赏
- 举报
明白了，也就是比如我在调用的位置是多个div,第一个this就应该是着多个div的集合。
然后第二个this就是多个div中的一个dom对象，然后用$转换为jquery对象，是这样的吧？
不会消失的夜晚 2013-09-05
- 打赏
- 举报
第一个this应该对应了一个集合，对其进行遍历，第二个this对应集合中遍历到的记录
