大家好,现在,我来大家讲一下jQuery中的两个效果,它们分别是隐藏和显示。我们想要隐藏和显示HTML元素,我们可以通过jQuery代码来实现隐藏和显示。
我们可以通过jQuery 代码中的hide() 和 show() 方法来隐藏和显示 HTML 元素,以及使用 toggle() 方法能够切换 hide() 和 show() 方法。
现在我来给大家实践操作一下jQuery hide() 方法,这是一个比较简单的jQuery hide()方法。
我们先给一个模态框一个id,然后利用jQuery hide() 方法来隐藏,show()来显示。
模态框设置好后,我们来写上hide()方法代码。
这样我们就可以把模态框隐藏起来了。然后重点是圈起来的内容。其余内容你做的什么模态框和表内容,你们要更换成自己的。我的代码有很多没截图进来。部分参考还行….全搬就不行了。就这样,我们通过 jQuery,使用 hide()方法来隐藏了HTML 元素。看起来好像很复杂,其实对我来说真的很复杂…我也不知道代码为什么这么难学,哎,我真是太难了。学了那么久,感觉自己一点东西也没学到。但是没关系,虽然不是很懂,但我也能乱编一点东西出来忽悠一些比我还小白的家伙,嘿嘿。话不多说,现在让我们来看看通过jQuery代码如何实现显示HTML元素。
Show()语法:
$("#show"). click (function () {
$(“p”). show ();
});
Insert呢,就是点击按钮,Add是模态框的id。就这么一句代码,就能把HTML元素显示出来,是不是感觉比隐藏的还简单,隐藏的代码那么多,而显示的就一两句。别误会啊…那些代码并不完全是隐藏的代码啊。那些都是我懒得去删,才截图那么多的。也是为了实践才弄出来的。其实就两句语法而已。那就是:
隐藏:$("#hide"). click (function () {
$(“p”). hide ();
});
显示:$("#show"). click (function () { (“p”). show ();
});
好了,我实在编不下去了…不编了。大家其实只要敲得多了,这些自然就熟练了,可能你们看不明白我写得东西,那可能也是因为我自己也不怎么会,然后表达方面也表达不清楚。所有请大家体谅一下…