美文网首页
JQuery-操作元素

JQuery-操作元素

作者: 哎呦呦胖子斌 | 来源:发表于2018-11-26 10:34 被阅读0次

    创建元素

    方法一:

      var  pObj = $('<p>我是一个p标签</p>');
    
      $('#dv').append(pObj);
    

    方法二:

    var  pObj = $('<p>我是一个p标签</p>');
    
      pObj.appendTo($('#dv'));
    

    方法三:

    $('#dv').html('<p>我是一个p标签哈哈哈</p>');
    

    这个地方相当于重新赋值,重新创建了一个然后把原来的重新覆盖了。

    添加元素

    方式一:

    var  pObj = $('<p>我是一个p标签</p>');
    
      $('#dv').prepend(pObj);
    

    将元素添加进去,并成为第一个子元素

    方式二:

    pObj.prependTo($('#dv'));
    

    方式三:

    $('#dv').after($('<p>我是一个p标签小兄弟</p>'));
    
    $('#dv').before($('<p>我是一个p标签大兄弟</p>'));
    

    移除元素

    方式一:

    $('#dv').html('');
    

    方式二:

    $('#dv').empty();
    

    方式三:

    $('#dv').remove ();
    

    这个方法不是清空子元素,而是移除自身元素

    相关文章

      网友评论

          本文标题:JQuery-操作元素

          本文链接:https://www.haomeiwen.com/subject/wgbvqqtx.html