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

Question

比如我写了:$("input:checkbox:checked").each(function(){alert($(this).val())})是OK的,但是:$("input:checkbox:checked").each(function(){alert($("this").val())})就报错了?

Answer 1

1、新建一个html文件，命名为test.html。

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文件，点击按钮，查看实现的效果。