设计模式_设计模式java - CSDN
设计模式 订阅
软件设计模式(Design pattern),又称设计模式,是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。 展开全文
软件设计模式(Design pattern),又称设计模式,是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。
信息
特    点
每个模式都有各自的名字
别    名
设计模式
分    类
基础模式,委托模式,接口模式等
中文名
软件设计模式
外文名
Design pattern
软件设计模式简介
设计模式(英语 design pattern)是对面向对象设计中反复出现的问题的解决方案。这个术语是在1990年代由Erich Gamma等人从建筑设计领域引入到计算机科学中来的。这个术语的含义还存有争议。算法不是设计模式,因为算法致力于解决问题而非设计问题。设计模式通常描述了一组相互紧密作用的类与对象。设计模式提供一种讨论软件设计的公共语言,使得熟练设计者的设计经验可以被初学者和其他设计者掌握。设计模式还为软件重构提供了目标。随着软件开发社群对设计模式的兴趣日益增长,已经出版了一些相关的专著,定期召开相应的研讨会,而且Ward Cunningham为此发明了WikiWiki用来交流设计模式的经验。
收起全文
精华内容
参与话题
  • Jquery操作table表格

    2018-10-29 15:20:16
    需求1:点击新增是,在表第一行给出输入输入框输入信息 需求2:点击保存时,将输入输入框的值保存到表中 <!DOCTYPE html> <html> <head>...text/cs

    需求1:点击新增是,在表第一行给出输入输入框输入信息

    需求2:点击保存时,将输入输入框的值保存到表中


    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style type="text/css">
    			table {
    				width: 720px;
    				text-align: center;
    			}
    		</style>
    	</head>
    
    	<body>
    		<input type="button" name="" id="btnInsert" value="新增" /> &nbsp;
    		<input type="button" name="" id="btnSave" value="保存" />
    		<br />
    		<table border="1px" cellspacing="0" cellpadding="0">
    			<tr>
    				<th hidden="hidden"></th>
    				<th width="100">姓名</th>
    				<th width="100">性别</th>
    				<th width="100">年龄</th>
    				<th width="200">学院</th>
    				<th width="220">地址</th>
    			</tr>
    			<tbody id="tbody">
    			</tbody>
    		</table>
    	</body>
    	<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
    	<script>
    		$(function() {
    			//0.0 数据源
    			var list = [{
    				Id: 1,
    				Name: "张三",
    				Sex: "男",
    				Age: "21岁",
    				College: "数学学院",
    				Address: "广东省韶关市"
    			}, {
    				Id: 2,
    				Name: "李四",
    				Sex: "男",
    				Age: "21岁",
    				College: "数学学院",
    				Address: "广东省韶关市"
    			}];
    			LoadList(list);
    
    			//1.0 获取操作的元素
    			var btnInsert = $("#btnInsert");
    			var btnSave = $("#btnSave");
    			//2.0 点击新增按钮,注册事件
    			btnInsert.click(function() {
    				var html = "<tr>";
    				html += "<td hidden='hidden'>0</td>";
    				html += "<td><input type='text' style='width:100%;text-align:center;' value=''/></td>"
    				html += "<td><input type='text' style='width:100%;text-align:center;' value=''/></td>"
    				html += "<td><input type='text' style='width:100%;text-align:center;' value=''/></td>"
    				html += "<td><input type='text' style='width:100%;text-align:center;' value=''/></td>"
    				html += "<td><input type='text' style='width:100%;text-align:center;' value=''/></td>"
    				html += "</tr>";
    				$("#tbody tr:first").before(html);
    			});
    
    			//3.0 点击保存,注册事件
    			btnSave.click(function() {
    				var newArray = [];
    				//3.1 获取tbody下的tr
    				$("#tbody tr").each(function(index, item) {
    					//3.2 获取第一个td的值
    					var id = $(item).children("td").get(0).innerHTML;
    					var tableData = new Object();
    					if(id == 0) {
    						id = Math.floor(Math.random() * 100);
    						tableData.Id = id;
    						var inputList = $(item).find("input");
    						tableData.Name = inputList[0].value;
    						tableData.Sex = inputList[1].value;
    						tableData.Age = inputList[2].value;
    						tableData.College = inputList[3].value;
    						tableData.Address = inputList[4].value;
    						newArray.push(tableData);
    					} else {
    						tableData["Id"] = id;
    						tableData.Name = $(item).children("td").get(1).innerHTML;
    						tableData.Sex = $(item).children("td").get(2).innerHTML;
    						tableData.Age = $(item).children("td").get(3).innerHTML;
    						tableData.College = $(item).children("td").get(4).innerHTML;
    						tableData.Address = $(item).children("td").get(5).innerHTML;
    						newArray.push(tableData);
    					}
    				});
    				//4.0 清空tbody
    				$("#tbody").html("");
    				//5.0 绑定数据
    				LoadList(newArray);
    			});
    		});
    
    		function LoadList(list) {			
    			//1.0 获取tbody对象
    			var tbody = $("#tbody");
    			var html = "";
    			//2.0 遍历数据源
    			list.forEach(function(e) {
    				html += "<tr>";
    				html += "<td hidden='hidden'>" + e["Id"] + "</td>"
    				html += "<td>" + e["Name"] + "</td>"
    				html += "<td>" + e["Sex"] + "</td>"
    				html += "<td>" + e["Age"] + "</td>"
    				html += "<td>" + e["College"] + "</td>"
    				html += "<td>" + e["Address"] + "</td>"
    				html += "</tr>";
    			});
    			//3.0 绑定到tbody中去;
    			tbody.append(html);
    		}
    	</script>
    
    </html>

    视图界面:

    新增一行王五并保存

     

    展开全文
  • 汇总常用的jQuery操作Table tr td方法

    千次阅读 2018-01-14 13:14:39
    鼠标移动行变色 ...虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下次再

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下次再使用的到时候,会让你如鱼得水,提高开发效率。

    1.鼠标移动行变色

    $(“#table1 tr”).hover(function(){

    $(this).children(“td”).addClass(“hover”)

    },function(){

    $(this).children(“td”).removeClass(“hover”)

    })
    方法二:

    $(“#table1 tr:gt(0)”).hover(function() {

    $(this).children(“td”).addClass(“hover”);

    }, function() {

    $(this).children(“td”).removeClass(“hover”);

    });

    2.奇偶行不同颜色

    $(“#table1 tbody tr:odd”).css(“background-color”, “#bbf”);

    $(“#table1 tbody tr:even”).css(“background-color”,”#ffc”);

    $(“#table1 tbody tr:odd”).addClass(“odd”)

    $(“#table1 tbody tr:even”).addClass(“even”)

    3.隐藏一行

    $(“#table1 tbody tr:eq(3)”).hide();

    4.隐藏一列

    $(“#table1 tr td::nth-child(3)”).hide();

    方法二:

    [html] view plain copy

    ("#table1 tr").each(function(){(“td:eq(3)”,this).hide()});

    5.删除一行

    //删除除第一行外的所有行

    $(“#table1 tr:not(:first)”).remove();

    //删除指定行
    $(“#table1 tr:eq(3)”).remove();

    6.删除一列

    //删除除第一列外的所有列

    $(“#table1 tr th:not(:nth-child(1))”).remove();

    $(“#table1 tr td:not(:nth-child(1))”).remove();

    //删除第一列
    $(“#table1 tr td::nth-child(1)”).remove();

    7.得到(设置)某个单元格的值

    //设置table1,第2个tr的第一个td的值。

    $(“#table1 tr:eq(1) td:nth-child(1)”).html(“value”);

    //获取table1,第2个tr的第一个td的值。

    $(“#table1 tr:eq(1) td:nth-child(1)”).html();

    8.插入一行:

    < strong > //在第二个tr后插入一行

    ("<tr><td>3</td><td></td><td></td><td></td></tr>").insertAfter((“#table7 tr:eq(1)”));

    9、获取每一行指定的单元格的值

    var arr = [];

    $(“#table1 tr td:nth-child(1)”).each(function (key, value) {

    arr.push($(this).html());

    });
    var result = arr .join(‘,’);

    10、全选或全不选

    //方法一:
    //全选或全不选 此传入的参数为event 如:checkAll(event)

    function checkAll(evt)

    {
    evt = evt ?evt:window.event;

    var chall = evt .target?evt.target:evt.srcElement;

    var tbl =$(“#table1”);

    var trlist = tbl .find(“tr”);

    for(var i = 1 ;i < trlist.length ;i++)

    {
    var tr =$(trlist[i]);

    var input = tr .find(“INPUT[ type = ‘checkbox’ ]”);

    input.attr(“checked”,chall.checked);

    }
    }

    //方法二:

    //全选或全不选 此传入的参数为this 如:checkAll(this)

    function checkAll(evt)

    {
    var tbl =$(“#table1”);

    var trlist = tbl .find(“tr”);

    for(var i = 1 ;i < trlist.length ;i++)

    {
    var tr =$(trlist[i]);

    var input = tr .find(“INPUT[ type = ‘checkbox’ ]”);

    input.attr(“checked”,evt.checked);

    }
    }

    //方法三:
    //全选或全不选 此传入的参数为this 如:checkAll(this)

    function checkAll(evt)

    {
    $(“#table1 tr”).find(“input[ type = ‘checkbox’ ]”).each(function(i){

    $(this).attr(“checked”,evt.checked)

    });
    }

    //方法四:
    //全选或全不选 此传入的参数为this 如:checkAll(this)

    function checkAll(evt)

    {
    $(“#table1 tr”).find(“input[ type = ‘checkbox’ ]”).attr(“checked”,evt.checked);

    }

    11、客户端动态添加行、删除行

    function btnAddRow()

    {
    //行号是从0开始,最后一行是新增、删除、保存按钮行 故减去2

    var rownum =$(“#table1 tr”).length-2;

    var chk = “ “;

    var text = “ “;

    var sel = “ < option value = ‘1’ > 男 < option value = ‘0’ > 女 “;

    var row = “” +chk+” < td > “+text+” < td > “+sel+” < td > “+text+” < td > “+text+” “;

    (row).insertAfter((“#table1 tr:eq(“+rownum+”)”));

    }

    //客户端删除一行

    //每次只能删除一行,删除多行时出错

    function btnDeleteRow()

    {
    $(“#table1 tr”).find(“input[ type = ‘checkbox’ ]”).each(function(i){

    if($(this).attr(“checked”))

    {
    if(i!=0)//不能删除行标题

    {
    $(“#table1 tr:eq(“+i+”)”).remove();

    }
    }
    });
    }

    //这个比上面的要好,可以一下删除多个记录

    function btnDeleteRow()

    {
    $(“#table1 tr”).each(function(i){

    var chk =$(this).find(“input[ type = ‘checkbox’ ]”);

    if(chk.attr(“id”)!=”checkall”)//不能删除标题行

    {
    if(chk.attr(“checked”))

    {
    $(this).remove();

    }
    }
    });
    }
    //客户端保存
    function btnSaveClick()

    {
    //find()方法中我暂时不知道如何设定多个筛选条件,所以下面得不到select列表的值

    //$(“#table1 tr td”).find(“input[ type = ‘text’ ]” || “select”).each(function(i){

    //alert($(this).val());

    //});

    $(“#table1 tr”).find(“td”).each(function(i){

    if($(this).find(“input[ type = ‘text’ ]”).length > 0)

    {
    alert($(this).find(“input[ type = ‘text’ ]”).val());

    }
    else if($(this).find(“select”).length > 0)

    {
    alert($(this).find(“select”).val());

    }
    });
    }

    原文 http://blog.cnsolomo.com/ld/web/210.html

    展开全文
  • 转自:... 以下列出13个jQuery操作table常用到的功能: 1.鼠标移动行变色 [javascript] view plain copy $('#table1 tr').hover(function(){ 

    转自:https://blog.csdn.net/liaoxm0/article/details/78077037


    以下列出13个jQuery操作table常用到的功能:

    1.鼠标移动行变色

    [javascript] view plain copy
    1. $('#table1 tr').hover(function(){  
    2.     $(this).children('td').addClass('hover')  
    3. }, function(){  
    4.     $(this).children('td').removeClass('hover')  
    5. });  
    [javascript] view plain copy
    1. $("#table1 tr:gt(0)").hover(function() {   
    2.     $(this).children("td").addClass("hover");   
    3. }, function() {   
    4.     $(this).children("td").removeClass("hover");   
    5. });  
    2.奇偶行不同颜色

    [javascript] view plain copy
    1. $('#table1 tbody tr:odd').css('background-color''#bbf');  
    2. $('#table1 tbody tr:even').css('background-color','#ffc');  
    3. //操作class  
    4. $("#table1 tbody tr:odd").addClass("odd");  
    5. $("#table1 tbody tr:even").addClass("even");  
    3.隐藏一行

    [javascript] view plain copy
    1. $('#table1 tbody tr:eq(3)').hide();  
    2. $("#table1 tr td::nth-child(3)").hide();  
    3. $("#table1 tr").each(function(){$("td:eq(3)",this).hide()});  

    4.隐藏一列

    [javascript] view plain copy
    1. $('#table1 tr td::nth-child(3)').hide();  
    5.删除一行

    [javascript] view plain copy
    1. // 删除除第一行外的所有行  
    2. $('#table1 tr:not(:first)').remove();  
    3. // 删除指定行  
    4. $('#table1 tr:eq(3)').remove();  
    6.删除一列
    [javascript] view plain copy
    1. // 删除除第一列外的所有列  
    2. $('#table1 tr th:not(:nth-child(1))').remove();  
    3. $('#table1 tr td:not(:nth-child(1))').remove();  
    4. // 删除第一列  
    5. $('#table1 tr td::nth-child(1)').remove();  
    7.得到(设置)某个单元格的值

    [javascript] view plain copy
    1. // 设置table1,第2个tr的第一个td的值。    
    2. $('#table1 tr:eq(1) td:nth-child(1)').html('value');   
    3. // 获取table1,第2个tr的第一个td的值。  
    4. $('#table1 tr:eq(1) td:nth-child(1)').html();  

    8.插入一行

    [javascript] view plain copy
    1. // 在第二个tr后插入一行  
    2. $('<tr><td>插入3</td><td>插入</td><td>插入</td><td>插入</td></tr>').insertAfter($('#table7 tr:eq(1)'));  
    9.获取每一行指定的单元格的值

    [javascript] view plain copy
    1. var arr = [];  
    2. $('#table1 tr td:nth-child(1)').each(function (key, value) {  
    3.    arr.push($(this).html());  
    4. });  
    5. var result = arr.join(',');  
    10.全选或全不选

    [javascript] view plain copy
    1. //方法零:  
    2. $('#all').on('click'function () {  
    3.     $('input.checkSub').prop('checked'this.checked); // 给当前一起绑定的子选择添加效果  
    4. });  
    5. //方法一:  
    6. //全选或全不选 此传入的参数为event 如:checkAll(event)  
    7. function checkAll(evt){  
    8.  evt=evt?evt:window.event;  
    9.  var chall=evt.target?evt.target:evt.srcElement;  
    10.  var tbl=$("#table1");  
    11.  var trlist=tbl.find("tr");  
    12.  for(var i=1;i<trlist.length;i++){  
    13.   var tr=$(trlist[i]);  
    14.   var input=tr.find("INPUT[type='checkbox']");  
    15.   input.attr("checked",chall.checked);  
    16.  }  
    17. }  
    18. //方法二:  
    19. //全选或全不选 此传入的参数为this 如:checkAll(this)  
    20. function checkAll(evt){  
    21.  var tbl=$("#table1");  
    22.  var trlist=tbl.find("tr");  
    23.  for(var i=1;i<trlist.length;i++){  
    24.   var tr=$(trlist[i]);  
    25.   var input=tr.find("INPUT[type='checkbox']");  
    26.   input.attr("checked",evt.checked);  
    27.  }  
    28. }  
    29. //方法三:  
    30. //全选或全不选 此传入的参数为this 如:checkAll(this)  
    31. function checkAll(evt){  
    32.     $("#table1 tr").find("input[type='checkbox']").each(function(i){  
    33.      $(this).attr("checked",evt.checked)  
    34.     });  
    35. }  
    36. //方法四:  
    37. //全选或全不选 此传入的参数为this 如:checkAll(this)  
    38. function checkAll(evt){  
    39.     $("#table1 tr").find("input[type='checkbox']").attr("checked",evt.checked);  
    40. }  
    11.客户端动态添加行

    [javascript] view plain copy
    1. function btnAddRow(){  
    2.     //行号是从0开始,最后一行是新增、删除、保存按钮行 故减去2  
    3.     var rownum=$("#table1 tr").length-2;  
    4.     var chk="<input type='checkbox' id='chk_"+rownum+"' name='chk_"+rownum+"'/>";  
    5.     var text="<input type='text' id='txt_"+rownum+"' name='txt_"+rownum+"' width='75px'/>";  
    6.     var sel="<select id='sel_"+rownum+"'><option value='1'>男</option><option value='0'>女</option></select>";  
    7.     var row="<tr><td>"+chk+"</td><td>"+text+"</td><td>"+sel+"</td><td>"+text+"</td><td>"+text+"</td></tr>";  
    8.     $(row).insertAfter($("#table1 tr:eq("+rownum+")"));     
    9. }  
    12.客户端删除一行

    [javascript] view plain copy
    1. 每次只能删除一行,删除多行时出错  
    2. function btnDeleteRow(){  
    3.    $("#table1 tr").find("input[type='checkbox']").each(function(i){  
    4.     if($(this).attr("checked")){   
    5.      if(i!=0){//不能删除行标题         
    6.      $("#table1 tr:eq("+i+")").remove();  
    7.      }  
    8.     }  
    9.    });  
    10. }  
    11. 这个比上面的要好,可以一下删除多个记录  
    12. function btnDeleteRow(){  
    13.    $("#table1 tr").each(function(i){  
    14.        var chk=$(this).find("input[type='checkbox']");  
    15.        if(chk.attr("id")!="checkall"){//不能删除标题行         
    16.      if(chk.attr("checked")){  
    17.      $(this).remove();  
    18.      }  
    19.        }  
    20.     });  
    21. }  
    13.客户端保存

    [javascript] view plain copy
    1. function btnSaveClick(){  
    2.    //find()方法中我暂时不知道如何设定多个筛选条件,所以下面得不到select列表的值  
    3.    //$("#table1 tr td").find("input[type='text']" || "select").each(function(i){  
    4.    //alert($(this).val());  
    5.    //});               
    6.    $("#table1 tr").find("td").each(function(i){  
    7.       if($(this).find("input[type='text']").length>0){  
    8.           alert($(this).find("input[type='text']").val());  
    9.       }else if($(this).find("select").length>0)  
    10.       {  
    11.           alert($(this).find("select").val());  
    12.       }  
    13.     });  
    14. }  

    展开全文
  • jquery 操作table

    2019-05-28 11:44:15
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>... <...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>遍历Table</title>
        <link href="js/EachTable.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="js/EachTable.js"></script>
    </head>
    <body>
        <table id="tb" cellspacing="">
            <tr>
                <td>中</td>
                <td>过</td>
                <td>不</td>
                <td>ok</td>
                <td>呵呵</td>
            </tr>
            <tr>
                <td>1</td>
                <td>333</td>
                <td>4324</td>
                <td>司法所地方</td>
                <td>司法所地方</td>
            </tr>
            <tr>
                <td>aaa</td>
                <td>bbb</td>
                <td>ccc</td>
                <td>ddd</td>
                <td>eee</td>
            </tr>
            <tr>
                <td>外墙漆</td>
                <td>爱是</td>
                <td>发个</td>
                <td>高浩</td>
                <td>让他</td>
            </tr>
            <tr>
                <td>34343</td>
                <td>阿萨德</td>
                <td>安德森</td>
                <td>爱是</td>
                <td>呼庚呼癸</td>
            </tr>
        </table>
        <div id="show">鼠标移动到Table上看看</div>
    
    </body>
    
    
    
    
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    
    
    <script type="text/javascript">
        $(function() {
        $('#tb tr td').hover(
        function() { $(this).addClass('td_hover'); },
        function() { $(this).removeClass('td_hover'); }
         );
    
        //table中的奇数tr添加颜色
        //$('#tb').find('tr:even').addClass('tr');
        //Table中的偶数tr添加颜色
        //$('#tb').find('tr td:odd').addClass('td');
    
        $('#tb td').hover(
        function() {
            //获得table的行号
            var trSeq = $(this).parent().parent().find('tr').index($(this).parent()[0]) + 1;
            //获得table的列号
            var tdSeq = $(this).parent().find('td').index($(this)[0]) + 1;
            var tdText = $(this).text();
            var big_html = '当前位置,第:' + trSeq + '行,第' + tdSeq + '列,值为:' + tdText + '。';
            $('#show').html(big_html);
        },
        function() { $('#show').html('鼠标移动到Table上看看'); });
    
    
    })
    
         
    
    
    </script>
    </html>
    

     

    展开全文
  • 本来想写一个 JQuery 操作 table 的例子,结果发现网上有很多写的更好的,推荐这个博主写的文章:https://www.cnblogs.com/lxblog/archive/2013/01/11/2856582.html相比之下,自己写的例子相形见绌。这里也将自己的...
  • jquery实现动态操作table

    千次阅读 2017-03-02 10:23:49
    使用jquery实现动态创建行、删除行、行内计算、提交表格数据。 String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+...
  • jQuery中对table的常见操作

    千次阅读 2018-07-09 13:33:55
    jQuery操作table常用到的功能:1.鼠标移动行变色复制代码代码如下:$('#table1 tr').hover(function(){ $(this).children('td').addClass('hover')}, function(){ $(this).children('td').removeClass('hover')})...
  • Jquery操作table的行列

    2019-01-15 10:30:42
    1. 处理固定行、列 单元格 ....js_table").find("table"); var length = $tables.length; for(var i=0; i&lt;length; i++) { var $table = $tables.eq(i); //alert($tabl...
  • 使用jQuery 操作table 完成单元格合并

    千次阅读 2017-12-25 10:05:30
    使用jQuery 操作table 完成单元格合并比较表格的内容。判断是否合并单元格: tr = $("#printPage tr").length;// 获取当前表格中tr的个数 var mark = 0; //要合并的单元格数 var index = 0; //起始行数 /* * 要...
  • jquerytable表格操作(方法二)

    万次阅读 2012-12-22 16:04:39
    本文章和方法一用到的css和html相同,不同的是jquerytable的排序,欢迎大家吐槽!  为了更好的理解在前端对表格进行排序的原理,也为了进一步的学习Jquery,所以决定用Jquery来实现一个对表格进行排序的小功能。 ...
  • JQuery操作table

    千次阅读 2012-08-22 22:52:04
    显示字段列名jQuery('#showtable').live('click',function(){ //var aa=jQuery('#Employeetb tr:eq(0) td:eq(0)').text(); var aa=jQuery('#Employeetb tr:eq(0) td').length; alert(aa);
  • jQuery操作Table学习总结

    千次阅读 2011-12-22 17:09:45
    jQuery在客户端操作Table学习:不过有很多很多的不足,还需要学习掌握。  .hover  {  background-color:red;  }         type="checkbox" id="checkall" onclick="checkAll1(th
  • jquery获取table当前行的内容
  • 项目中要用JavaScript动态地给一个Table增删行,做小实验时几个问题记录了下来。 请帮看看: 1, 如何用jquery得到table的行数? 2, 如何用jQuery给指定行newRow的第一个cell赋值,在这里也就是写序号? 在...
  • 业务需求,选择未选素材添加到已选sca
  • 获取table中td的内容(所有的td):var st=$("#id td").text(); 获取table中单个td的内容(第一行第一列的): var val=document.getElementById_x_x_x("id").rows[0].cells[0]; 获取table中tr的个数:$("#id")....
  • 由于本人最近在做一个小项目,需要用到 jquery 操作dom ,以及ajax,在此写一写总结。 1.由于 js添加事件也是一个一个对象地添加的 比如obj.onclick=function(){},那么$("#xx").click();也是这样子添加的,新增加一个...
  • 最近在做一个后台管理系统,需要做上传资源图片的功能,上传图片是默认只有一个上传控件,页面使用table布局,代码片段如下: ......  应用图片:     需要在...
  • jquery操作table操作

    千次阅读 2010-07-08 18:26:00
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><br /> <!-- saved from url=(0059)... xmlns="h
  • JQuery点击table获取点击行的数据

    千次阅读 2019-07-07 18:24:34
    $(function () {var ...$("#data_table tr:gt(0)").click(function () { TaskType = $(this).find("td").eq(0).html(); alert(TaskType) })--------------------- 作者:easyboot 来源:CSDN 原文:https://b...
1 2 3 4 5 ... 20
收藏数 48,439
精华内容 19,375
关键字:

设计模式