JQuery显示和隐藏div

JQuery显示和隐藏div的方式

1.使用attr

$("#id").attr("style","display:none;")---------隐藏div

$("#id").attr("style","display:block")----------显示div

attr()方法：设置或返回被选元素的属性和值

用于返回属性值时返回匹配到的迪欧一个元素的值，。用于设置属性值时为匹配元素设置一个或多个属性/值对

2.使用css

$("#id").css("display","none")-----------隐藏

$("#id").css("display","block")-----------显示

css()方法：返回或设置匹配的元素的一个或多个样式属性

注意：display:none 会使元素在页面上所占的物理空间也消失，即“看不见，摸不着”

3.使用show hide

效果与display:none 类似，“看不见，摸不着”

$("#id").hide()-----------隐藏

$("#id").show()----------显示

4.使用toggle动态显示和隐藏

$("#id").toggle(

function () {

$(this).attr("style","display:none;");--------隐藏div

function () {

$(this).attr("style","display:block;");--------显示div

}

);

5.动态添加和移除元素

添加元素的方法：

append-----------在被选元素内的结尾添加元素

preppend---------在被选元素内的开头添加元素

after----------------在被选元素后添加元素

before--------------在被选元素前添加元素

移除元素的方法：

remove-------------删除被选元素及其子元素

empty---------------从被选元素中删除元素

6.特殊情况——希望页面保留元素的物理位置，但是不显示，即“看不见，摸得着”

可以使用visibility:hidden属性值将元素内容隐藏，但是保留元素在页面上的位置

JQuery显示和隐藏div相关推荐

jquery显示、隐藏div
//第1种方法 ,给元素设置style属性 $("#hidediv").css("display", "block"); //第2种方法 , ...
html中怎么实现广告自动出来又自动隐藏?,基于jquery实现的定时显示与隐藏div广告的实现代码...
基于jquery实现的定时显示与隐藏div广告的实现代码下面我给大家分享我的方法: 在jquery中要显示与隐藏层是很简单的直接使用hide与show方法就可以了,但要定时我们需要利用setTime ...
jquery点击按钮显示和隐藏div
[转]jquery点击按钮显示和隐藏DIv 1 function changeDisplay() { 2 if ($("#btnShow").attr("value&qu ...
html点击隐藏divjq,jquery点击a标签怎么显示和隐藏div?详解
你知道jquery点击a标签要如何才能够显示以及隐藏div吗?下面的文章要给大家讲解的就是这个方面的内容哦,一起来看看吧. 1.新建一个html文件,命名test.html,用来讲解jquery点击a ...
点击按钮显示或隐藏Div块
通过点击按钮实现Div块在显示状态与隐藏状态之间来回切换. 代码如下: 方法一: <!DOCTYPE html> <html> <head><script s ...
JS显示和隐藏div
JS显示和隐藏div 接下来我们使用Visual Studio这个软件来写一个的方法,我们可以使用这种写法写一个小案例来实现一个div里面显示和隐藏的效果. 我们先看一下html的页面截图: 首先我们 ...
html中js隐藏div的高度,jQuery实现获取隐藏div高度的方法示例
jQuery实现获取隐藏div高度的方法示例发布时间:2020-09-22 19:27:55 来源:脚本之家阅读:95 作者:zhuyangxing 本文实例讲述了jQuery实现获取隐藏div高 ...
html js 点击隐藏div,javascript实现显示和隐藏div方法汇总
javascript实现显示和隐藏div方法汇总 15种方法实现div显示和隐藏 body{ margin: 0; } h1,h2{ margin: 0; } ul{ margin: 0; paddi ...
jquery如何设置占位隐藏_JQuery显示、隐藏div的几种方法简明总结
AAA JS隐藏和显示div的方式有两种: 方式1:隐藏后释放占用的页面空间通过设置display属性可以使div隐藏后释放占用的页面空间. style="display: none;&q ...

JQuery显示和隐藏div

JQuery显示和隐藏div相关推荐

最新文章

热门文章