jQuery常用操作
2017-07-19 本文已影响0人
Eden_45f8
$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值