JQuery中$(this)与this

this和${this}都要包含在一个方法体中,this和${this}都是用来指代该方法体对应的对象。this代表的是js对象,${this}代指的是JQuery对象。JS对象不能调用JQuery封装的方法访问样式。
因此,使用${this}的写法必须引入JQuery,this由于是JS原生自带的,所以不需要引入。

   $('#btnQuery').click(function (){
   				//不论是this还是${this},都是代指btnQuery这个节点元素。
              this.style.display = 'none';//隐藏节点
              ${this}.css('display','none');//与上面方法等价
            });

上面的是修改了CSS样式。下面说下在修改节点属性的差别。

  $('#btnQuery').click(function (){
   				//不论是this还是${this},都是代指btnQuery这个节点元素。
              this.text = '修改节点属性';//当btnQuery有text属性时,可以使用js修改。
              ${this}.attr('text','修改节点属性');//与上面方法等价
            });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值