美文网首页
jQuery常用操作

jQuery常用操作

作者: Eden_45f8 | 来源:发表于2017-07-19 13:51 被阅读0次

    $node.append()

    $( ".inner" ).append( "<p>Test</p>" );
    $( "body" ).append( $newdiv1, [ newdiv2, existingdiv1 ] );
    $( "p" ).append( "<strong>Hello</strong>" );
    $( "p" ).append( $( "strong" ) );
    $( "p" ).append( document.createTextNode( "Hello" ) );
    

    $node.prepend()

    $( ".inner" ).prepend( "<p>Test</p>" );向对象头部追加内容,用法和append类似,内容添加到最开始
    

    $node.remove()

    $("#div1").remove();删除被选元素(及其子元素)
    

    $node.before() $node.after()

    在对象前面(不是头部,而是外面,和对象并列同级)插入内容
    $( ".inner" ).before( "<p>Test</p>" );
    $( ".container" ).before( $( "h2" ) );
    $( "p" ).first().before( newdiv1, [ newdiv2, existingdiv1 ] );
    $( "p" ).before( "<b>Hello</b>" );
    $( "p" ).before( document.createTextNode( "Hello" ) );
    

    $node.html()

    这是一个读写两用的方法,用于获取/修改元素的innerHTML
    当没有传递参数的时候,返回元素的innerHTML
    当传递了一个string参数的时候,修改元素的innerHTML为参数值
    $('div').html()
    $('div').html('123')
    

    $node.text()

    和html方法类似,操作的是DOM的innerText值
    

    $node.empty()

    $node.val()

    $node.attr()

    $node.css()

    $node.addClass()

    $node.removeClass()

    $node.hasClass()

    $node.toggleClass()

    相关文章

      网友评论

          本文标题:jQuery常用操作

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