Javascript 为什么onclick jquery不起作用？

我有这个HTML

<input type="text" id="one" />
<input type="text" id="two" />

<button type="button" id="onebtn" >hide</button>

但这似乎不起作用，但如果我使用

它会起作用，但我想使用

---

fiddle

这是因为，您没有在fiddle中加载jQuery

从左上方加载jQuery版本。那就行了

在这里试试！它正在工作

以及C Fairweather提到要使用的信息

$(function(){ 
   /* A shortcut for dom ready */
});

如果没有我们所看到的DOM就绪函数，jQuery代码将无法工作

$(document).ready(fucntion () {
   /* functions here.. */
})

---

但是JSFIDLE不需要这个！所以它不是必需的！但这是一个很好的观点。：）

此外，您还同时显示textbox1和textbox2元素。然后说第一个淡出，第二个淡入，但第二个文本框已经可见。不能在已可见的项目中淡入淡出。将第二个文本框设置为隐藏

<input type="text" id="two" style="display: none;" />

---

完成后，代码将按预期运行。另外，在JSFIDLE中……记住选择您正在使用的jquery版本。当前未加载任何内容。

是否尝试使用

。单击（）

---

这可能会有帮助，但我没有时间测试它。

如果加载jQuery，它会工作……它工作……这段代码是否位于内部？这个问题似乎离题了，因为它是关于忘记加载jQuery的。此外，他正试图在第二个文本框中淡出……但是它已经显示出来了。您不能淡入已显示的项目。这是正确的。此外，建议您在dom就绪后附加事件<代码>$（函数（）{/*dom就绪的快捷方式*/}）这就是答案！！这很好。我忘了在小提琴中加载jquery。它确实有效。但是我测试它的地方没有使用我提供的jquery。但是这一个有效。非常感谢@害群之马无人知晓it@user3150930如果您使用的是jQuery 1.6，它不支持方法上的

。@BlackSheep，不管怎样，它对我来说都很好。。
<input type="text" id="two" style="display: none;" />

$('#onebtn').click(function(){
                                 $('#one').fadeOut('slow',function(){
                                 $('#two').fadeIn('slow');
                                    });
                                });