jquery浏览器的上卷高度 节点的创建和写入 节点的删除

// js 的兼容语法

        // let scrollT = document.documentElement.scrollTop || document.body.scrollTop;

        // jq 直接定义,jq来处理兼容问题

        // $(window).scrollTop()    

        // $(window).scrollLeft()

        // 可以直接设定参数,设定浏览器滚动条的移动位置

        window.onscroll = function(){

            console.log( $(window).scrollTop() );

            $(window).scrollTop(0) ;

        } 

 

 // 节点操作

        // 1,创建节点

        // 创建一个 jQuery 的标签对象

        // 在 $() 中 直接定义标签

        // 可以直接在创建的标签节点中,定义属性,属性值等

        // 必须写一个完整的标签结构 起始和结束标签

        const oDiv1 = $('<div id="div1" class="div1" name="我是div" index="1">我是div1</div>');

        // 2,写入标签节点

        // jQuery中为了链式编程方便,提供了很多标签写入的方式

        // (1) 父级标签,最后写入     嵌套关系

        // $('父级标签').append(要写入的子级标签节点)

        // $('h1').append(oDiv1);

        // (2) 父级标签,最后写入     嵌套关系

        // 要写入的子级标签节点.appendTo( $('父级标签') )

        // oDiv1.appendTo( $('h1') );

        // (3) 父级标签 起始写入     嵌套关系

        // $(父级元素).prepend(要写入的子级标签节点)

        // $('h1').prepend(oDiv1);

        // (4) 父级标签,起始写入     嵌套关系

        // 要写入的子级标签节点.prependTo( $('父级标签') )

        // oDiv1.prependTo( $('h1') );

        // (5) 在已有标签后,新增标签  平级关系 

        // 已有标签.after( 新增标签 )

        // $('h1').after(oDiv1);

        // (6) 在已有标签后,新增标签  平级关系 

        // 新增标签.insertAfter( 已有标签 )

        // oDiv1.insertAfter( $('h1') )

        // (7) 在已有标签前,新增标签  平级关系 

        // 已有标签.before( 新增标签 )

        // $('h1').before(oDiv1);

        // (8) 在已有标签后,新增标签  平级关系 

        // 新增标签.insertBefore( 已有标签 )

        oDiv1.insertBefore( $('h1') )

 

// 节点的删除

        // 1, $().empty()

        // 将标签对象,定义为一个空标签,就没有标签内容了

        // 只清楚标签内容,属性等会保留

        // $('div').empty();

        // 2, $().remove()

        // 删除标签本身,页面中就没有这个标签节点/标签对象

        // $('div').remove();

        // 3, 删除标签内容中的某个指定标签

        // 可以通过筛选区,匹配指定标签

        // 要删除div中的ul

        $('div').find('ul').remove();