jQuery 事件函数中的this 是什么?
当我们在使⽤jQuery的时候,给某个标签绑定事件,会发现事件函数⾥⾯有个“this”,⽐如如下代码:
这个this具体指什么了,我们不妨亲⾃动⼿检测⼀下,运⾏如下代码:
结果:
由此可见,this指向的就是触发这个事件的DOM对象,⽽⾮jQuery对象,所以我们在事件内部使⽤this的时候,需要通过$(this)⽅法将DOM对象转化为jQuery对象,才能使⽤jQuery中的⽅法。$("#a").click(function (){
$(this ).hide();});
<!DOCTYPE html>
<html lang ="en">
<head >
<meta charset ="UTF-8">
<title >Title </title >
<script src ="../scripts/jquery.js" type ="text/javascript"></script >
<script >
$(function (){
$("#a").click(function () {
// window.alert("click");
// window.alert(this);
console.log(this );
var $a=$("#a");//jQuery 对象
var ElementById("a");//DOM 对象
console.log($a);
console.log(b);
console.log(this ===$a);
console.log(this ===b);jquery是什么有什么作用
console.log($a===b);
});
});
</script >
</head >
<body >
<div id ="a">clickme </div >
</body >
</html >
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论