jquery最好用的且便于操作dom节点

    简单的认识jquery日常操作

       增    // $(".addafter-div").append(addDom)   父节点下插入节点    

       删        $('input[class="checkbox-style"]:checked').parent().remove();   删除节点

       向后移动节点    var allfather=$('.checkbox-style').parent().length;
        var allindex=$('input[class="checkbox-style"]:checked').parent().index();
        if (allfather === allindex) {
            alert('当前为最后一个元素无法下移操作')
        }
        if ($('input[class="checkbox-style"]:checked').length !== 1) {
            alert('无法同时选中两个元素移动操作')
        }
        if ( !(allfather === allindex) && $('input[class="checkbox-style"]:checked').length === 1) {    只能在选中一个复选框的情况下才能移动
            var current = $('input[class="checkbox-style"]:checked').parent();    //找到元素   通过parent（） 获取到他的上级元素，拿到一整个元素
            var next = current.next();   //找到当前元素的下一个元素
            next.after(current);      //把找到的元素插入到当前元素的后面形成元素置换
        }


      向前移动节点    var allindex=$('input[class="checkbox-style"]:checked').parent().index();
        if (allindex === 1) {
            alert('当前为第一个元素无法上移操作')
        }
        if ($('input[class="checkbox-style"]:checked').length !== 1) {
            alert('无法同时选中两个元素移动操作')
        }
        if ( !(allindex === 1) && $('input[class="checkbox-style"]:checked').length === 1) {    只能在选中一个复选框的情况下才能移动
            var current = $('input[class="checkbox-style"]:checked').parent();    //找到元素   通过parent（） 获取到他的上级元素，拿到一整个元素
            var Ona = current.prev();   //找到当前元素的上一个元素
            Ona.before(current);      //把找到的元素插入到当前元素的后面形成元素置换
        }

希望可以帮助到新接触jqeury的和我一样的同学