您的位置:首页 - jQuery
jquery方法中的this和$(this)
this,编程的人都知道this表示上下文所处的这个对象。简单的说,在jquery方法中,this是Javascript对象,单数,$(this)是jQuery对象,都代表执行方法的元素对象。

实例代码:
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<span id="keleyi">请点击这里</span>
<script>
var node = $('#keleyi');

node.on("click",function(){

 // this.css('border','1px solid #000');  //报错 this是一个html元素,不是jquery对象,因此this不能调用jquery的css()方法

  $(this).css('border','1px solid #666');      //正确   $(this)是一个jquery对象,不是html元素,可以用css()方法

  this.style.borderBottom = '1px solid #ff0000';  //正确 this是一个html元素,不是jquery对象,因此this不能调用jquery的css()方法,但是可以用javascript来更改style属性

});

</script>


效果如下:
请点击这里
本站导航
相关文章
柯乐义 Copyright© keleyi.com