小白必看jquery入门dom操作篇

jquery小白必看

dom操作

末尾添加

$('.box').append($('<h1>hello world</h1>')

开头添加

$('.box').prepend($('<h1>hello world</h1>')

之前添加

$('.box').before($('<h1>hello world</h1>')

之后插入`

$('.box').after($('<h1>hello world</h1>')

判断p标签是否挂有.box类

$('.box').is('p')

删除数据
remove (彻底删除 不保留事件链接)
detach（删除后保留事件链接）
empty（清空子节点）

$('.box').remove()
$('.box').detach()
$('.box').empty()

内容html/内容text/值value
获取内容

var x=$('h1').html()

添加或修改内容

$('h1').html('你好'.fontcolor('red'))

修改或添加表单

$('input').val('晨光最帅')

克隆并添加

var x=$('h1').clone()
$('body').append(x)

替换

$('.box').reolaceWith($('<h1>hello world<//h1>'))