zoukankan      html  css  js  c++  java
  • 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();
    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    ini_set /ini_get函数功能-----PHP
    【转】那个什么都懂的家伙
    word 2007为不同页插入不同页眉页脚
    August 26th 2017 Week 34th Saturday
    【2017-11-08】Linux与openCV:opencv版本查看及库文件位置等
    August 25th 2017 Week 34th Friday
    August 24th 2017 Week 34th Thursday
    August 23rd 2017 Week 34th Wednesday
    August 22nd 2017 Week 34th Tuesday
    August 21st 2017 Week 34th Monday
  • 原文地址:https://www.cnblogs.com/ht955/p/14113217.html
Copyright © 2011-2022 走看看