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值

$node.empty()

$node.val()

$node.attr()

$node.css()

$node.addClass()

$node.removeClass()

$node.hasClass()

$node.toggleClass()

上一篇下一篇

猜你喜欢

热点阅读