多语言展示
当前在线:1986今日阅读:26今日分享:39

jQuery里面的$('this')和$(this)有什么区别

在jquery中,使用$(this)获得当前对象,使用$('this')获得this标签对象,下面小编举例讲解jQuery里面的$('this')和$(this)有什么区别。
工具/原料
1

html+jquery

2

代码编辑器:Dreamweaver CS5

方法/步骤
1

新建一个html文件,命名为test.html,用于讲解jQuery里面的$('this')和$(this)有什么区别。

2

在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

3

在test.html文件内,使用span创建一行文字,并设置其id属性为test,主要用于下面通过该id获得span对象。

4

在test.html文件内,使用jquery中的$符号通过id(test)获得span标签对象,再使用bind()方法给它绑定click点击事件,当span元素被点击时,执行function()函数。

5

在function函数内,使用$(this)获得当前对象,相当于使用$('#test')获得对象,通过text()方法获得span的内容,使用alert()方法将内容输出来。在浏览器打开test.html文件,点击span标签,查看实现的效果。

6

在test.html文件内,使用this创建一个标签,在该标签内写上测试的文字,同时,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行getthis()函数。

7

在getthis()函数内,通过$('this')获得this标签对象,使用text()方法获得span的内容,使用alert()方法将内容输出来。在浏览器打开test.html文件,点击按钮,查看实现的效果。

总结:

1、新建一个test.html文件。 2、在文件内,使用span标签创建一行文字,使用this创建一个标签元素,同时,创建一个button按钮,用于触发执行js函数。 3、在js标签内,使用$(this)获得当前对象,使用$('this')获得this标签对象,这就是两者的区别。

注意事项

在实现开发中,this作为关键字,一般不会使用它来进行标签命名。

推荐信息