jquery html拼接标签的显示和隐藏

关于html 脚本的拼接,实现隐藏和显示。

本人对jQuery的理解不是很深刻,如果感觉说得有问题(或不清楚)的地方请更正。

因为对页面有时候比较复杂,我拿到数据以后的操作都需用js处理

html 的div table span 都是拼接出来的

如果想让脚步隐藏或显示,用经典的jQuery 的hide 和 show 方法不能实现,但是通过调试发现

如果样式修改就可以显示出来(或是隐藏),这时候jQuery 的css 就可以实现这个功能了。

var tablestr=‘<br /><table class="table table-striped table-bordered" style="fontsize:12px;" align="center"><tbody>‘+
‘<tr><td width="20%">交易时间</td></tr>‘+
‘<tr><td><span id="insert" style="cursor:pointer;" onclick="echange(1)">‘+detail[‘insertTime‘].substr(0, 19)+‘</span><span id="target" style="display:none;"><input type="text" style="width:70px" id="input"></input><input type="button" onclick="echange(2)" value="修改"></input></span></td></tr>‘+
‘</tbody></table>‘;

function echange(type){
if(type==1){
$("#doposconsumeinsert").css("display","none");
$("#doposconsumetarget").css("display","block");
}
else{
$("#doposconsumeinsert").css("display","block");
$("#doposconsumetarget").css("display","none");
}
}

以上脚本只是一个思路,不一定100%能执行成功。

时间: 2024-07-30 00:24:47

jquery html拼接标签的显示和隐藏的相关文章

jquery实现的div的显示和隐藏效果

jquery实现的div的显示和隐藏效果:在网页的实际应用中,有些模块需要根据需要显示或者隐藏,下面就提供了几个这方面的实例,代码非常的简单,都是使用jquery自带的函数实现的,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>div隐藏显示效果</title> <style type="text/css&qu

JQuery插件开发之如何实时显示被隐藏的输入框密码

原文链接:http://www.gbtags.com/gb/share/5827.htm 我们前面曾经介绍过如何提高用户界面表单性能,同时我们也介绍过如何避免使用密码框来避免隐藏输入的密码,也讨论过隐藏密码显示对于用户体验将有多么糟糕. 基本上对于密码输入处理我们有如下俩个可选方式: 继续使用密码框控件,不考虑用户的操作体验 使用一般的输入框,不考虑用户密码的安全性 这就是为什么我们这里需要开发一个鼠标悬浮可显示密码的控件作为第三选择的原因,既可以提高安全,同时也可以大大满足用户体验 今天将讲解

通过设置标签class值控制标签的显示与隐藏

需求背景如下: 原项目居民.单位.计量三模块共用一个jsp文件,显示的页面也顺理成章的统一了,幸亏没有调用同一个js,在此基础上要求居民和单位计量的分离,即居民的显示居民的相关信息,单位和计量的显示相同的信息,时间久远,仅有的未修改前的页面截图如下(红框内字段已替换成红字): 需求分析: (1)项目中添加字段并实现增删改查功能 (2)页面的展示,居民显示居民相关字段,单位和计量显示单位相关字段 字段添加这里不再赘述,主要分析页面的显示 刚开始拿到这个需求,打算另外新建单位相关的jsp页面(只包含

JQuery采纳CSS实现DOM显示和隐藏要素

今天参加了Code Review活动.阅读编写代码的同事,感到满足当前功能的实现,但是从长远来看,,无论角度还是从代码重用是来看显然不佳维修点. 有什么需要看的权利.通过选择不同的选项下拉框需求,为了显示和隐藏的文本框.他的同事说: Code 1 <select name="select" onChange="disinput(this)"> <option value="1">1</option> <o

jquery通过visible来判断标签是否显示或隐藏

if($(".spnTotal").is(":visible")==false) { alert('隐藏'); } else { alert('显示'); } 

jQuery 设置控件的显示与隐藏

//设置id为checkPwd显示的属性 $('#checkPwd').attr('show', 'show'); $('#checkPwd').attr('show', 'hide'); //设置id为checkPwd隐藏,显示 $('#euiPassword').hide(); $('#euiPasswordOne').show();

Jquery 实现密码框的显示与隐藏【转载自http://blog.csdn.net/fengzhishangsky/article/details/11809069】

<html> <head>  <script type="text/JavaScript"  src="jQuery-1.5.1.min.js"></script>  <script type="text/javascript">   $(function(){    $("#chk").bind({//绑定一个点击事件     click: function(){ 

jQuery --下拉菜单的显示与隐藏

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <style type="text/css"> 8 *{ 9 margin: 0px; 10 padding: 0px; 11 } 12 #nav{ 13 background-color: #EEE; 14 width

使用js设置ul标签的显示或隐藏和超链接调用js文件的方法

<ul class="nav" id="rm" style='display:none'> <li>   <a href='#' onclick='Repayment()' >还款信息</a></li> </ul> document.getElementById("rm").style.display="none"