jquery $(this)怎么用?
this通常是一个Html 元素,例如(textbox),textbox有text属性。可以在textbox的事件里面引用this获取元素
$(this)通常是一个JQuery对象 ,可以调用jquery的方法和属性值,例如click(), keyup()。$(function () {
$('button').click(function () {
$(this)表示当前对象,这里指的是button
//alert(this);//this 表示原生的DOM
})
});$(this).attr(key); 获取节点属性名的值,相当于getAttribute(key)方法
$(this).attr(key, value); 设置节点属性的值,相当于setAttribute(key,value)方法
$(this).val();获取某个元素节点的value值,相当于$(this).attr(“value”);
$(this).val(value);设置某个元素节点的value值,相当于$(this).attr(“value”,value);
示例:$("#textbox").hover(
function() {
$(this).attr('title', 'Test');
},
function() {
$(this).attr('title', 'OK');
}
);
使用JQuery的好处是它包裝了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。
$()生成的是什么呢?
实际上$()=jquery(),那么也就是说返回的是一个jquery的对象。
那么依照,$()返回的是jquery对象这一结论,我们可以得出$(this)得到的是一个jquery对象.我们可以使用万能的alert()方法打印出一个对象:alert($('#btn'));
显示的结果:
该图红色框勾选出来的是一个object,不用考虑,该object自然是jquery的对象咯。也即是说我们用通过$('#btn')来调用jquery的方法和属性等。
更多web前端开发知识,请查阅 HTML中文网 !!