jQuery常用操作

$node.append()

$( ".inner" ).append( "

Test

" ); $( "body" ).append( $newdiv1, [ newdiv2, existingdiv1 ] ); $( "p" ).append( "Hello" ); $( "p" ).append( $( "strong" ) ); $( "p" ).append( document.createTextNode( "Hello" ) );

$node.prepend()

$( ".inner" ).prepend( "

Test

" );向对象头部追加内容,用法和append类似,内容添加到最开始

$node.remove()

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

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

在对象前面(不是头部,而是外面,和对象并列同级)插入内容
$( ".inner" ).before( "

Test

" ); $( ".container" ).before( $( "h2" ) ); $( "p" ).first().before( newdiv1, [ newdiv2, existingdiv1 ] ); $( "p" ).before( "Hello" ); $( "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常用操作)