请解释一下这个 jQuery

Question

也许我的最后一个问题（现已删除）被误解了，所以这次我将更清晰地重新发布它：

jQuery(UI):

$("#tabs").tabs({
   select: function(event, ui) { 
        alert(ui.panel.id);
        $('input[name=myinput], textarea[name=myinput]').attr('disabled', true); 
        $('input[name=myinput].' + ui.panel.id + ', textarea[name=myinput].' + ui.panel.id).removeAttr('disabled'); 
        $('input[name=source]').val(ui.panel.id);
   }
});

HTML:

<div id='tabs'>
    <ul>
        <li><a href="#direct">Direct input</a></li>
        <li><a href="#files">File upload</a></li>
        <li><a href="#uri">URI</a></li>
    </ul>
    <div id="direct">
        <textarea name='myinput' class='direct'></textarea>
    </div>
    <div id="file">
       <input type='file' name='myinput' class='file' />
    </div>
    <div id="uri">
       <input type='text' name='myinput' class='uri' />
    </div>
</div>
<input type='hidden' name='source' value='direct' />
<input type='submit' value='GO' />

我不太明白 jQuery 对输入的作用。我想使用常规 jQuery 并避免使用“jQueryUI”选项卡，因此了解输入发生的情况很重要，当我使用常规 jQuery 时，我可以重现相同的效果。 希望我说得有道理。

感谢您的帮助！

Answer 1

当调用 select 函数时：

$('input[name=myinput], textarea[name=myinput]').attr('disabled', true);

查找所有名为 myinput 的 input 和 textarea 元素并禁用它们。

$('input[name=myinput].' + ui.panel.id + ', textarea[name=myinput].' + ui.panel.id).removeAttr('disabled');

查找名称为 myinput 且与 input 元素和 textarea 元素>ui.panel.id 属性并启用它们。

$('input[name=source]').val(ui.panel.id);

找到名为 source 的 input 元素（或多个元素，但我打赌只有一个），并将其值设置为 ui.panel.id 的值 属性。

例如：禁用所有 myinput input 和 textarea 元素除了匹配的元素根据其类的 ui.panel.id 属性，并将名为 source 的 input 的值设置为该属性，大概是为了跟踪启用了哪些输入/显示了哪些选项卡。

Answer 2

.tabs() 是一个 jQuery UI 插件，可以将标记转变为只是进入了选项卡式浏览界面。如果您愿意，您可以在 jQuery 中编写自己的 tabs() 函数，但您可以轻松 下载自定义构建 jQuery UI。取消选择所有内容，然后选择选项卡（只需要 Core 和 Widget）...

如果您已经替换了选项卡，TJ 会整理出一个可靠的答案来描述 select 事件处理程序正在执行的操作。每次您选择新的活动选项卡时都会触发它。

Answer 3

您似乎错误地认为 jQuery UI 是 jQuery 的一个版本。事实上，它是一个 jQuery 插件。它相当重量级，重达数千字节。要在不使用 jquery ui 的情况下重现 jquery ui 选项卡代码将是一项巨大的工作。您向我们展示的代码只是调用 jquery ui 来创建选项卡，但选项卡插件在幕后做了大量的工作。您可能希望重新考虑一下放弃 jquery ui 的愿望。