jQuery $(this) 选择器功能和限制
我需要帮助理解 $(this)。是否可以将“this”的焦点缩小到括号内，或者“this”是否排除使用任何其他属性？
例如： 我不明白为什么这段代码：
$(this).children("div")
不能像这样重写：
$(this + " div")
而不必求助于类似的东西：
$('#'+$(this).attr("id")+ " div")
另外，你能指出我在 jQuery 文档中的“this”吗？由于显而易见的原因，很难使用“this”作为搜索词。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
this不是 jQuery “东西”，而是一个基本的 JavaScript 。它不能像示例中那样重写，因为它是一个对象，特别是 DOM 元素或 jQuery 对象（取决于您所在的上下文）。因此，如果您这样做：您真正要做的是调用
.toString()"noreferrer">this连接字符串，导致：....这不是一个有效的选择器。
至于进一步阅读，我相信这篇文章仍然是最好的参考资料之一/了解
this（上下文关键字）含义的资源。根据评论请求，一些
this在不同位置的示例：$("selector").click(function() {alert(this); }) ;this指的是触发事件处理程序的 DOM 元素。$.fn.myPlugin = function() {alert(this); });this是调用/链接插件的 jQuery 对象，例如：$("selector").myPlugin();,this< /code> 是$("selector")jQuery 对象。this是您所在的上下文，无论是对象还是其他东西，以下是一些示例：$("selector").click(myFunc);-this是 DOM 元素，如上$("selector").click(function() { myFunc(); });-this是全局内容，windowmyFunc.call(whatThisIs, arg1, arg2);-this是whatThisIsFunction.call()< /a> 和Function.apply()< /a> 了解更多信息thisisn't a jQuery "thing", but a basic JavaScript one. It can't be re-written the way you have in examples because it's an object, in particular either a DOM element or a jQuery object (depending on what context you're in). So if you did this:What you'd really be doing is calling
.toString()onthisto concatenate the strings, resulting in:....which isn't a valid selector.
As for further reading, I believe this article continues to be one of the best references/resources to learn what
this(a context keyword) means.Per comment requests, some examples of what
thisis in various places:$("selector").click(function() { alert(this); });thisrefers to the DOM element the event handler is being triggered on.$.fn.myPlugin = function() { alert(this); });thisis the jQuery object the plugin was called/chained on, for example:$("selector").myPlugin();,thisis that$("selector")jQuery object.function myFunc() { alert(this); };thisis the context you're in, whether it be an object or something else, a few examples:$("selector").click(myFunc);-thisis the DOM element, like above$("selector").click(function() { myFunc(); });-thisis the global content,windowmyFunc.call(whatThisIs, arg1, arg2);-thisiswhatThisIsFunction.call()andFunction.apply()for more info使用
.find()或使用
context参数jQuery( 选择器, context )（在内部，它只是调用 find 无论如何...)Use
.find()Or use the
contextparameter tojQuery( selector, context )(internally, it just calls find anyway...)this不是代表 css 选择器的字符串（例如div、#my_id或.my_class）。< br>当将
this作为 jQuery 函数的参数传递时，它会根据当前元素（this 引用的内容）返回一个 jQuery 对象，因此您不能使用类似$(this + 选择器)。thisis not a string representing a css selector(such asdiv,#my_idor.my_class).When passing
thisas a argument for the jQuery function, it returns a jQuery object based on the current element(what this referes to), so you cannot use something like$(this + selector).你可以看看这个： http://api.jquery.com/each/
基本上 < code>this 是回调引用的 DOM 元素。您不能执行
$(this + " div")因为您要向元素添加字符串。您首先需要像第三个代码片段中那样获取 id。顺便说一句，
$(this).children("div")与$('#'+$(this).attr("id")+" div 不同")首先，
this可能没有 ID，在这种情况下第二种方式根本不起作用。即使它确实有 ID，第二个代码实际上是$(this).find("div")。如果您只想要孩子，您必须这样做：You can take a look at this: http://api.jquery.com/each/
Basically
thisis the DOM element that the callback is referencing. You can't do$(this + " div")because you are adding a string to an element. You first need to get the id like in your third code snippet.By the way,
$(this).children("div")is not the same as$('#'+$(this).attr("id")+" div")First off,
thismight not have an ID, in which case the second way won't work at all. And even if it does have an ID, that second code is actualy$(this).find("div"). If you want children only you have to do:首先，你必须明白什么是this，它取决于上下文。
当你调用 $ 函数时，它将返回一个 jQuery 对象。
这意味着从特定对象中获取所有子对象，请参阅以下链接：
http://jsfiddle.net/vietean/f2Yrg/
First, you must to understand what is this, it is depend on an context.
When you call $ function it will return a jQuery object.
It means from specific object, get all children, see the below link:
http://jsfiddle.net/vietean/f2Yrg/