Javascript 无法隐藏我的部分页面，但相同的代码在JSFIDLE上工作

我想使用toggle或hide from jquery，但它不起作用

我知道我使用的语法不错。它可以继续工作，但我无法使它在razor视图中工作

以下是我想要使用的代码：

    <script type="text/javascript">
        $(".hidden").toggle();
    </script>

@Using Html.BeginForm(IsPost)
@Html.ValidationSummary(True)
@<fieldset>
    <legend>contact</legend>
    <table>
        <tr>
        <td><h3>@Html.Raw("Données personnelles : ")</h3></td>
        </tr>

        <tr>
        <td>@Html.Raw("Nom : ")</td>
        <td>@Html.EditorFor(Function(model) model.nom)
        @Html.ValidationMessageFor(Function(model) model.nom)</td>

        <td>@Html.Raw("Prénom : ")</td>
        <td>@Html.EditorFor(Function(model) model.prenom)
        @Html.ValidationMessageFor(Function(model) model.prenom)</td>
        </tr>

        <tr>
        <td class="hidden">@Html.Raw("Date de naissance : ")</td>
        <td>@Html.EditorFor(Function(model) model.dateNaissance)
        @Html.ValidationMessageFor(Function(model) model.dateNaissance)</td>
        </tr>

    </table>
    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset>
End Using

---

我该怎么做才能绕过所有这些东西来隐藏页面的某些部分呢？

我认为没有必要使用Javascript或jQuery来实现这一点。如果希望隐藏类的元素最初隐藏，只需使用CSS声明：

 <script type="text/javascript">
 $(document).ready(function(){
        $(".hidden").toggle();
});
    </script>

.hidden {
    display: none;
}

---

我认为没有必要为此使用Javascript或jQuery。如果希望隐藏类的元素最初隐藏，只需使用CSS声明：

.hidden {
    display: none;
}

---

如果您的代码确实是引用的，那么它在jsfiddle上工作而不是在代码中工作的原因是jsfiddle在HTML之后包含了您的脚本，但是您的代码在DOM中存在元素之前运行了脚本

你有两个选择：

将脚本放在页面的末尾，就在结束标记之前。我推荐这个

使用jQuery的函数人们经常使用令人困惑的快捷方式just，它通常别名为$来安排代码在DOM就绪的环境下运行

---

如果您的代码确实是引用的，那么它在jsfiddle上工作而不是在代码中工作的原因是jsfiddle在HTML之后包含了您的脚本，但是您的代码在DOM中存在元素之前运行了脚本

你有两个选择：

将脚本放在页面的末尾，就在结束标记之前。我推荐这个

使用jQuery的函数人们经常使用令人困惑的快捷方式just，它通常别名为$来安排代码在DOM就绪的环境下运行

---

只需将脚本放在jquery的基本用法中，您需要等待DOM元素就绪$document。ready@ai.farfa：不，你没有。您只需确保脚本在需要操作的DOM元素之后运行。只需将脚本放在页面的末尾，就可以轻松完成这项工作。只需将脚本放在jquery的基本用法中，您需要等待DOM元素就绪$document。ready@ai.farfa：不，你没有。您只需确保脚本在需要操作的DOM元素之后运行。只需将脚本放在页面末尾即可轻松完成此操作。@patxy仅当您向其传递函数时，而不是当您向其传递选择器时。好的，thx，它确实是这样工作的。Weerd说它对JSFIDLE有效。我还以为是那个开关呢function@patxy：这是jQuery的API中令人困惑的地方之一。如果将函数传递到$，则它是$document.ready的快捷方式。。。。$函数是重载的，它不仅做完全不相关的事情，这取决于你是传递函数还是传递字符串，它甚至做完全不相关的事情，这取决于你传递给它的字符串的内容。@patxy仅当你传递一个函数时，而不是当你传递一个选择器时。好的，thx，它就是这样工作的。Weerd说它对JSFIDLE有效。我还以为是那个开关呢function@patxy：这是jQuery的API中令人困惑的地方之一。如果将函数传递到$，则它是$document.ready的快捷方式。。。。$function是重载的，它不仅做完全不相关的事情，这取决于你是传递一个函数还是一个字符串，它甚至做完全不相关的事情，这取决于你传递给它的字符串的内容。我使用它是因为这个视图必须在不同的上下文中使用。因此，在调用视图的操作的功能中，一些字段不必显示，因为该视图必须在不同的上下文中使用。因此，在调用视图的操作的函数中，一些字段不必显示

.hidden {
    display: none;
}