jquery如何操作dom对象 jquery动态实现table的内容改变

jquery如何操作dom对象

1. 选择器. 通过id选择器 类选择器  标签选择器来选定要操作的dom
2. 主要操作.内容修改删除 样式修改删除 动画特效等等..
建议去w3c去看看jquery教程. 虽然上面的有些内容已经过时,但对于初学者完全足够了.

jquery动态实现table的内容改变

    
    
    
    
    
        var up = function(dom) {
            dom.insertBefore(dom.prev())
        }
        var down = function(dom) {
            dom.insertAfter(dom.next())
        }
        var modify = function(dom) {
var dc = dom.children("td:first")
            var val = prompt("输入新的内容：", dc.text())

            if (null != val) {
                dc.text(val)
            }
        }
        var get = function(dom) {
            dom.remove()
        }
        var arr = [
            up, down, modify, get
        ]
        $(function() {
            $("table").delegate("tr>td>a", "click", function() {
                var me = $(this),
                    mp = me.parent("td")
                var ind = mp.index()
                arr[ind - 1](mp.parent())
            })
            $(":button[value=新增]").click(function() {
                var ind = $("table tr").length
                $("table").append(值   ind   上移 下移修改删除)
            })
        })
    



    

        
        
            
            
            
            
            
        
        
            
            
            
            
            
        
    

模拟数据表格
            
        

雷峰塔	上移	下移	修改	删除
立交桥	上移	下移	修改	删除