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','修改节点属性');//与上面方法等价
});