插件中的this
来源:互联网 发布:网络发帖问题 编辑:程序博客网 时间:2024/06/05 18:57
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>插件中的this</title>
<style>
#div1{
width: 100px;
height: 100px;
background: red;
position: absolute;
}
</style>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
$.extend({
aaa:function(){
alert(1111);
}
});
$.fn.extend({
drag:function(){
var x=0;
var y=0;
var This=this; //this=$('#div1') jQuery对象
This.mousedown(function(ev){
x=ev.pageX - $(this).offset().left; //$(this)=$('#div1') this是原生的
y=ev.pageY - $(this).offset().top;
$(document).mousemove(function(ev){
$('#div1').css('left',ev.pageX - x);
$('#div1').css('top',ev.pageY - y);
})
$(document).mouseup(function(){
$(this).off();
})
return false;
})
},
aaa:function(){
alert(222);
}
})
})
$(function(){
$('#div1').drag();
$.aaa();
$().aaa();
})
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>插件中的this</title>
<style>
#div1{
width: 100px;
height: 100px;
background: red;
position: absolute;
}
</style>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
$.extend({
aaa:function(){
alert(1111);
}
});
$.fn.extend({
drag:function(){
var x=0;
var y=0;
var This=this; //this=$('#div1') jQuery对象
This.mousedown(function(ev){
x=ev.pageX - $(this).offset().left; //$(this)=$('#div1') this是原生的
y=ev.pageY - $(this).offset().top;
$(document).mousemove(function(ev){
$('#div1').css('left',ev.pageX - x);
$('#div1').css('top',ev.pageY - y);
})
$(document).mouseup(function(){
$(this).off();
})
return false;
})
},
aaa:function(){
alert(222);
}
})
})
$(function(){
$('#div1').drag();
$.aaa();
$().aaa();
})
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
0 0
- 插件中的this
- 插件中的this
- jquery-插件-$(this)和this
- Jquery中的this与$(this)
- Jquery中的this与$(this)
- Jquery中的this与$(this)
- Jquery中的this与$(this)
- JQuery中的this和$(this)
- Jquery中的this与$(this)
- Jquery中的this与$(this)
- Jquery中的this与$(this)
- jquery中的this和$(this)
- jQuery中的this与$(this)
- jquery中的this和$(this)
- Jquery中的this与$(this)
- c++ 中的this 和*this
- Jquery中的this与$(this)
- Jquery中的this与$(this)
- GOF设计模式-适配器模式
- javascript 函数和作用域(函数,this)(六)
- Android平板上开发应用-关于精确适配不同的dpi和屏幕尺寸
- 使用 Visual Studio 编译 wget 为可执行文件
- Mapped Statements collection does not contain value for后面是什么类什么方法之类
- 插件中的this
- 大数据时代的技术hive:hive介绍
- PHP警告Cannot use a scalar value as an array
- 教大家如何在windows下配置mysql免安装版
- Hive安装及使用攻略
- java创建Excel并下载至本地指定位置
- COM---编程工作的简化
- 使用Java原生进行压缩和解压缩
- Android加载动画__仿贪吃蛇