JQuery动态显示和隐藏div

article/2025/8/15 17:36:16

1. 如果在载入是隐藏:

复制代码
<head>
<script language="javascript">
function HideWeekMonth()
{$("#tt1").hide();$("#tt2").hide();
}
</script>
</head><body onLoad="HideWeekMonth()">
</body>
复制代码

2. 动态隐藏和显示:

复制代码
            <td><!-- 能用<input id="btnShow" type="button" value="<?php echo $ini_array['module.insert'];?>" class="btn" /><input id="btnHide" type="button" value="<?php echo $ini_array['module.insert'];?>" class="btn" /> --><!-- 直接使用按钮的id没有问题<input id="tt" type="text" name="title" maxlength="50" size="50"></td> --><input id="btnOne" type="radio" name="frequence" value="1" checked='checked'><?php echo $ini_array['time.one']?>&nbsp;&nbsp;&nbsp;&nbsp;<input id="btnDay" type="radio" name="frequence" value="2"><?php echo $ini_array['time.day']?>&nbsp;&nbsp;&nbsp;&nbsp;<input id="btnWeek" type="radio" name="frequence" value="3"><?php echo $ini_array['time.week']?>&nbsp;&nbsp;&nbsp;&nbsp;<input id="btnMonth" type="radio" name="frequence" value="4"><?php echo $ini_array['time.month']?>&nbsp;&nbsp;&nbsp;&nbsp;<br><!-- 能用<div id="tt1"><input type="text" name="title" maxlength="50" size="50" value="tt1"></div><div id="tt2"><input type="text" name="title" maxlength="50" size="50" value="tt2"></div> --><div id="tt1">                <br>1&nbsp;<input type="checkbox" value="1" name="w1">&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;<input type="checkbox" value="1" name="w2">&nbsp;&nbsp;&nbsp;&nbsp;</div><div id="tt2">                
03&nbsp;<input type="checkbox" name="m3">&nbsp;&nbsp;&nbsp;&nbsp;04&nbsp;<input type="checkbox" name="m4">&nbsp;&nbsp;&nbsp;&nbsp;</div></td><!-- 绑定事件似乎要写在被绑定对象的后面 --><script type="text/javascript" >$("#btnOne").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); });$("#btnDay").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); });$("#btnWeek").bind("click", function(event) { $("#tt1").show(); $("#tt2").hide(); });$("#btnMonth").bind("click", function(event) { $("#tt1").hide(); $("#tt2").show(); });</script>
复制代码

以上代码之前,可能还要加上这句话:

<script type="text/javascript" src="../../scripts/jquery.min.js"></script>

 

使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明。
$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

$("#id").css('display','none');
$("#id").css('display','block');

$("#id")[0].style.display = 'none';


http://chatgpt.dhexx.cn/article/AdMX3fXK.shtml

相关文章

Selenium之如何定位隐藏div弹窗

一、判断是否为隐藏属性 display的值为none则为隐藏&#xff08;详见下图红色标记&#xff09; 二、将隐藏属性修改为非隐藏属性 知识储备&#xff1a; 1.document对象&#xff1a; &#xff08;1&#xff09;当浏览器载入HTML文档时&#xff0c;便会成为document对象 &am…

html css 隐藏div显示,css如何隐藏div?

在我们平时布局网站的时候&#xff0c;想要把div进行隐藏&#xff0c;但是很多人不知道css控制div显示隐藏&#xff1f;下面我们来讲解一下css如何让div隐藏。 一&#xff1a;使用display:none属性来隐藏div 我们可以使用display:none属性来隐藏所有的信息&#xff0c;包括文本…

CSP 202206-1 归一化处理

文章目录 C总结 本题链接&#xff1a;CSP 202206-1 归一化处理 本博客给出本题截图&#xff1a; C #include <iostream> #include <cstdio> #include <cstring> #include <algorithm> #include <cmath>using namespace std;const int N 1010;…

用通俗易懂的方式讲解:数据预处理归一化(附Python代码)

文章目录 技术答疑一、为何要进行数据预处理&#xff1f;二、数据标准化1.归一化的目标2.归一化的优点3.哪些算法并不需要归一化 三、数据归一化方法1.min-max标准化2.Z-score标准化3.Sigmoid函数&#xff1a; 总结 技术答疑 本文来自技术群小伙伴的分享&#xff0c;想加入按照…

数据预处理中的归一化与反归一化

前言 在使用深度学习框架构建训练数据时&#xff0c;通常需要数据归一化&#xff08;Normalize&#xff09;&#xff0c;以利于网络的训练。而在训练过程可视化中&#xff0c;通常需要反归一化。以PyTorch框架而言&#xff0c;提供了torchvision.transforms.Normalize(mean, s…

归一化的作用

首先&#xff0c;归一化是把数据转化为&#xff08;0&#xff0c;1&#xff09;或者是&#xff08;-1&#xff0c;1&#xff09;之间。&#xff08;-1&#xff0c;1&#xff09;&#xff1a; (x-xmax)/(xmax-xmin) 标准化是把数据转化到均值为0&#xff0c;方差为1. 中心化&am…

数据的归一化处理

数据归一化问题是数据挖掘中特征向量表达时的重要问题&#xff0c;当不同的特征成列在一起的时候&#xff0c;由于特征本身表达方式的原因而导致在绝对数值上的小数据被大数据“吃掉”的情况&#xff0c;这个时候我们需要做的就是对抽取出来的features vector进行归一化处理&am…

机器学习之归一化处理

1.使用随机森林或PCA等算法进行数据的降维处理 减少无关的维度测算 2.统计错误率&#xff0c;精确率&#xff0c;召回率 修正维度测算的准确率 3.归一化处理 保留所有的特征&#xff0c;但是减少参数的大小&#xff08;或者是说&#xff1a;减少参数的重要性&#xff09;为了…

数据归一化处理transforms.Normalize()

数据归一化处理transforms.Normalize&#xff08;&#xff09; 1. 图像预处理Transforms(主要讲解数据标准化&#xff09; 1.1 理解torchvision transforms属于torchvision模块的方法&#xff0c;它是常见的图像预处理的方法 在这里贴上别人整理的transforms运行机制&#x…

数据处理方法:归一化与标准化处理

在数据挖掘中&#xff0c;在建模前需要对数据进行预处理&#xff0c;预处理方法包括归一化与标准化&#xff0c;对数据进行缩放。 1.归一化&#xff08;Normalization&#xff09; 将数据缩放到0-1之间线性&#xff08;常用&#xff09;归一化&#xff1a;最大最小值归一化&a…

【python学习】数据预处理-如何归一化?

作者&#xff1a;代码律动 链接&#xff1a;数据预处理的归一化手段应该如何应用到训练集&#xff0c;测试集和验证集中&#xff1f; - 知乎 来源&#xff1a;知乎 著作权归作者所有。商业转载请联系作者获得授权&#xff0c;非商业转载请注明出处。 作者&#xff1a;Orginal 链…

一文速学-数据预处理归一化详细解释

目录 一、为何要进行数据预处理&#xff1f; 二、数据标准化 1.归一化的目标 2.归一化的优点 3.哪些算法并不需要归一化 三、数据归一化方法 1.min-max标准化 2.Z-score标准化 3.Sigmoid函数&#xff1a; 总结 一、为何要进行数据预处理&#xff1f; 1.任何收集而来…

机器学习中的特征工程

机器学习中的特征工程 什么是特征工程 数据和特征决定了机器学习的上限&#xff0c;而模型和算法只是逼近这个上限而已。特征工程指的是把原始数据转变为模型的训练数据的过程&#xff0c;它的目的就是获取更好的训练数据特征&#xff0c;使得机器学习模型逼近这个上限。 构…

【特征工程】特征衍生+案例

问&#xff1a;特征衍生上千、万的变量&#xff0c;是怎么做的&#xff1f; 问&#xff1a;大家是如何衍生出成千上万个变量的&#xff1f;衍生变量是怎么生成的&#xff1f; 研习社-上海-桂浩: 请教一个问题&#xff0c;大家是如何衍生出成千上万个变量的&#xff1f;衍生变量…

细说:特征工程 - Feature Engineering

转载至http://www.csuldw.com/2015/10/24/2015-10-24%20feature%20engineering/ 先来一张思维导图&#xff1a; 坊间常说&#xff1a;“数据和特征决定了机器学习的上限&#xff0c;而模型和算法只是逼近这个上限而已”。由此可见&#xff0c;特征工程在机器学习中占有相当重要…

机器学习——特征工程

目录 特征工程 特征构造 特征选择 特征提取 模拟训练 训练数据收集方法 特征工程 特征工程就是一个从原始数据提取特征的过程&#xff0c;这些特征可以很好地描述这些数据&#xff0c;并且利用它们建立的模型在未知数据上的性能可以达到最优&#xff0c;最大限度减少“垃…

特征工程文章收集

1. 离散特征编码方法 数据预处理&#xff1a;离散特征编码方法_快乐小码农的博客-CSDN博客_离散特征编码文章目录数据预处理&#xff1a;离散特征编码方法无监督方法&#xff1a;1.序号编码OrdinalEncoder2.独热编码OneHotEncoder3.二进制编码BinaryEncoder4.计数编码CountEnco…

2022年Python自动化特征工程框架

&#x1f4a1; 作者&#xff1a;韩信子ShowMeAI &#x1f4d8; 机器学习实战系列&#xff1a;https://www.showmeai.tech/tutorials/41 &#x1f4d8; 本文地址&#xff1a;https://www.showmeai.tech/article-detail/328 &#x1f4e2; 声明&#xff1a;版权所有&#xff0c;转…

数据的特征工程

数据的特征工程 1.特征工程是什么 特征工程是将原始数据转换为更好地代表预测模型的潜在问题的特征的过程&#xff0c;从而提高了对未知数据的模型准确性 2.特征工程的意义 更好的特征意味着更强的鲁棒性 更好的特征意味着只需用简单模型 更好的特征意味着更好的结果 3.…

机器学习中的特征建模(特征工程)和算法选型建模 - 以暴力破解识别为例

catalogue 1. 特征工程是什么&#xff1f;有什么作用&#xff1f; 2. 特征获取方案 - 如何获取这些特征&#xff1f; 3. 特征观察 - 运用各种统计工具、图标等工具帮助我们从直观和精确层面认识特征中的概率分布 4. 特征处理 - 特征清洗 5. 特征护理 - 特征预处理 6. 特征处理 …