您的位置是:网站首页>Javascript编程Javascript编程

jquery $(this)怎么用

少儿编程网2021-05-28 14:06:48Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介jquery$(this)通常是一个JQuery对象,可以调用jquery的方法和属性值,使用语法如“$(this).attr(key);”,表示获取节点属性名的值。本教程操作环境:windows7系统、jquery1.2.6版本,DELLG3电脑。推荐:jquery教程jquery$(this)怎

jquery $(this)通常是一个JQuery对象,可以调用jquery的方法和属性值,使用语法如“$(this).attr(key);”,表示获取节点属性名的值。TEE少儿编程网-https://www.pxcodes.com

TEE少儿编程网-https://www.pxcodes.com

本教程操作环境:windows7系统、jquery1.2.6版本,DELL G3电脑。TEE少儿编程网-https://www.pxcodes.com

推荐:jquery教程TEE少儿编程网-https://www.pxcodes.com

jquery $(this)怎么用?TEE少儿编程网-https://www.pxcodes.com

this通常是一个Html 元素,例如(textbox),textbox有text属性。可以在textbox的事件里面引用this获取元素TEE少儿编程网-https://www.pxcodes.com

$(this)通常是一个JQuery对象 ,可以调用jquery的方法和属性值,例如click(), keyup()。TEE少儿编程网-https://www.pxcodes.com

$(function () {
    $('button').click(function () {
       $(this)表示当前对象,这里指的是button
       //alert(this);//this 表示原生的DOM
   }) 
});

$(this).attr(key); 获取节点属性名的值,相当于getAttribute(key)方法TEE少儿编程网-https://www.pxcodes.com

$(this).attr(key, value); 设置节点属性的值,相当于setAttribute(key,value)方法TEE少儿编程网-https://www.pxcodes.com

$(this).val();获取某个元素节点的value值,相当于$(this).attr(“value”);TEE少儿编程网-https://www.pxcodes.com

$(this).val(value);设置某个元素节点的value值,相当于$(this).attr(“value”,value);TEE少儿编程网-https://www.pxcodes.com

示例:TEE少儿编程网-https://www.pxcodes.com

$("#textbox").hover(
    function() {
        $(this).attr('title', 'Test');
    },
    function() {
        $(this).attr('title', 'OK');
    }
);

使用JQuery的好处是它包裝了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。TEE少儿编程网-https://www.pxcodes.com

$()生成的是什么呢?TEE少儿编程网-https://www.pxcodes.com

实际上$()=jquery(),那么也就是说返回的是一个jquery的对象。TEE少儿编程网-https://www.pxcodes.com

那么依照,$()返回的是jquery对象这一结论,我们可以得出$(this)得到的是一个jquery对象.我们可以使用万能的alert()方法打印出一个对象:TEE少儿编程网-https://www.pxcodes.com

alert($('#btn'));

显示的结果:TEE少儿编程网-https://www.pxcodes.com

TEE少儿编程网-https://www.pxcodes.com

该图红色框勾选出来的是一个object,不用考虑,该object自然是jquery的对象咯。也即是说我们用通过$('#btn')来调用jquery的方法和属性等。TEE少儿编程网-https://www.pxcodes.com

更多编程相关知识,请访问:编程教学!!

以上就是jquery $(this)怎么用的详细内容,更多请关注少儿编程网其它相关文章!TEE少儿编程网-https://www.pxcodes.com

来源:php中文网TEE少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

jquery $(this)怎么用

      匿名评论
    • 评论
    人参与,条评论
    jquery $(this)怎么用

微信公众号

免费视频教程

先知道