如何比较和整理使用jQuery和纯JS实现div显示隐藏的多种方法？

本文共计734个文字，预计阅读时间需要3分钟。

目录 + JS隐藏和显示div的方式有两种：- 方式一：设置元素style对象中的display属性- 方式二：设置元素style对象中的visibility属性

jQuery控制div的显示与隐藏方式有四种：- 方法一、通过jQuery的show()方法- 方法二、通过jQuery的hide()方法- 方法三、通过jQuery的toggle()方法- 方法四、通过jQuery的fadeIn()和fadeOut()方法

目录

• JS隐藏和显示div的方式有2种：
• 方式一：设置元素style对象中的display属性
• 方式二：设置元素style对象中的visibility属性
• jquery控制div的显示与隐藏方式有4种：
• 方法一、通过jquery的show()、hide()方法，设置div隐藏
• 方法二、toggle()切换元素的可见状态
• 方法三、使用css属性display
• 方法四、使用css属性visibility

JavaScript是用于Web客户端开发的脚本语言。jQuery是一个快速、简洁的JavaScript库，极大的简化了javascript编程。jQuery是js的框架,基于js语言。jQuery封装js和Ajax的功能，提供函数接口，简化js的操作。使用jquery来显示或者隐藏div真的很方便。