zoukankan      html  css  js  c++  java
  • 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="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%能执行成功。

  • 相关阅读:
    求欧拉路径模版 fleury算法
    回学校前的计划
    高斯消元模版
    usaco 3.2 Stringsobits 数位dp
    dijkstra模版
    codeforces AIM Tech Round (Div. 2)
    bnuoj 51275 并查集按深度合并建树
    bzoj3674: 可持久化并查集
    poj2104 求区间第k大 可持久化线段树
    Miller_Rabin判断素数模版
  • 原文地址:https://www.cnblogs.com/tianzhiyun/p/4672676.html
Copyright © 2011-2022 走看看