淘先锋技术网

首页 1 2 3 4 5 6 7
jQuery是一种广泛应用于网页界面操作的JavaScript库,可以简化JavaScript开发者在HTML文档中的操作。其中一个常用的功能是显示和隐藏某个元素,下面我们来看看如何使用jQuery实现此功能。 首先,我们需要在HTML文档中包含jQuery库文件。可以在标签内添加以下代码实现:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
接下来,我们在HTML文档中添加一个

jquery显示与隐藏div

元素,并给它一个id属性:

<div id="example">这是一个例子</div>
我们可以通过jQuery选择器来选取这个
元素,并使用hide()和show()方法来控制其显示和隐藏。具体代码如下所示:

<script>
$(document).ready(function(){
    $("#example").hide(); //隐藏
});
</script>
这段代码中,我们使用了$(document).ready()方法,它表示当文档加载完毕时,就会执行其中的代码。在此方法内部,我们选取了id为“example”的
元素,并调用了hide()方法,使其被隐藏起来。 接下来,我们可以给另一个元素添加一个事件,当该元素被点击时,就会显示“example”元素。代码如下:

<script>
$(document).ready(function(){
    $("#example").hide(); //默认隐藏
    $("#button").click(function(){
        $("#example").show(); //显示
    });
});
</script>
在这段代码中,我们选取了一个id为“button”的