介绍
本篇内容介绍了“jquery中怎么显示和隐藏元素”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
jquery中显示隐藏元素用的方法:1,显示()和隐藏();2,切换(),可切换元素的可见状态;3,slideDown(),能以滑动方式显示和隐藏元素;4,css(),可通过控制元素的“显示”属性来显示和隐藏元素。
引用>
本教程操作环境:windows7多系统,jquery1.10.2版本,戴尔G3电脑。
在jquery中显示隐藏p方法方法有很多种,如比较简单的函数显示(),隐藏(),(),切换slideDown()然后还有css设置p的风格属性都可操作,下面我来介绍。
<强>显示()和隐藏()方法强>
show()可显示出隐藏的& lt; p>元素。
$ (“.btn2") .click(函数(){ 美元才能(“p"),告诉(); });隐藏()可隐藏可见的& lt; p>元素:
$ (“.btn1") .click(函数(){ 美元才能(“p") hide (); });这个函数经常与秀一起使用
<强>切换()方法强>
切换()方法切换元素的可见状态。
如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
& lt; html> & lt; head> & lt; script  src=https://www.yisu.com/zixun/" js/jquery-1.10.2.min.js "> 脚本> <脚本type=" text/javascript”> $(文档)时函数(){ $ (" .btn1 ") .click(函数(){ $ (p) .toggle (1000); }); });> 脚本> 头 身体<>这是一个段落。
<按钮类=" btn1 "> >按钮切换 身体>