在 jQuery 中，$('', {text : $this.attr('title')}) 选择了什么？

Question

好吧，我对 jQuery 很陌生，在浏览所有文档时，我发现了一个关于 jQuery 的 教程有关开发插件的网站。在阅读并试图理解时，我发现了一些我无法找到答案的东西。 6.3 Data 部分中的示例有这样的代码：

var $this = $(this),
         data = $this.data('tooltip'),
         tooltip = $('<div />', {
           text : $this.attr('title')
         });

我知道它是声明一行上有多个变量，但是，最后一个 - 工具提示 - 是我感兴趣的。有人可以对我的无知有耐心并解释一下处理该行后工具提示变量的内容是什么吗？

先感谢您。

Answer 1

它创建一个新的 div 元素，并将 $this.attr('title') 的值传递给 jQuery.fn.text

更多信息：http://api.jquery.com/jQuery/#jQuery2

jQuery（html，道具）

html：定义单个独立 HTML 元素（例如 或 ）的字符串。

props：属性、事件和调用新创建元素的方法的映射。

和

从 jQuery 1.4 开始，第二个参数可以接受由可传递给 .attr() 方法的属性超集组成的映射。此外，可以传入任何事件类型，并且可以调用以下 jQuery 方法：val、css、html、text、data、width、height 或 offset。

Answer 2

我认为这

tooltip = $('<div />', {
           text : $this.attr('title')
         });

相当于：

tooltip = $('<div />').text( $this.attr('title') );

如果你在 Firefox 或 chrome 下运行，你可以尝试 console.log( ..any.. )。精确查看变量非常有帮助