欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

小白必看jquery入门dom操作篇

程序员文章站 2022-03-29 09:13:56
...

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>'))
相关标签: jquery javascript