当前位置 : 主页 > 网页制作 > JQuery >

jquery节点操作

来源:互联网 收集:自由互联 发布时间:2021-06-15
1.jq创建节点$("标签") $( ‘ a href="http://www.baidu.com" target="_blank"创建节点/a ‘ ) 2.添加节点 (1)jq对象.append(jq对象) $( ‘ div ‘ ).append( ‘ h1哈哈哈/h1 ‘ ) //可以直接插入html字符串 $( ‘

1.jq创建节点 $("标签")

$( <a href="http://www.baidu.com" target="_blank">创建节点</a>)

2.添加节点

(1)jq对象.append(jq对象)

$(div).append(<h1>哈哈哈</h1>)  //可以直接插入html字符串
$(div).append($(p))

(2)jq对象.appendTo($(‘选择器‘))  或者jq对象.appendTo(‘选择器‘)

$(p).appendTo($(div))
$(p).appendTo(div)    //可以省略$符号
$(<h1>节点</h1>).appendTo(div)    //可以直接插入html字符串

(3)jq对象.prepend(jq对象)  

$(div).prepend($(h1))
$(div).prepend($(<h1>哈哈哈</h1>))   //可以直接插入html字符串

(4)jq对象.prependTo($(‘选择器‘))   或者jq对象.appendTo(‘选择器‘)

$(h1).prependTo($(div)) 
$(h1).prependTo(div)   //可以省略$符号
$(<h1>呵呵呵呵</h1>).prependTo(div)   //可以直接插入html字符串

 3.清空元素   jq对象.empty() 清空 jq对象内部元素

$(div).empty()

4.删除元素   jq对象. remove() 删除元素,连自己也删除

 

$(div).remove()
网友评论