jQuery :empty()与remove()区别,html()与text()区别

1.empty():清空元素中内容,元素会保留

   remove():将节点从DOM树中移除,包括其子元素及其本身

实例:                                                            (原代码与原样式)

                                            jQuery :empty()与remove()区别,html()与text()区别

                           (点击button1后,id为i1的元素移除了)                  (点击button2后,id为i2的元素内容移除了,元素还在)

             jQuery :empty()与remove()区别,html()与text()区别                                              jQuery :empty()与remove()区别,html()与text()区别

2.text():无参的只会获取到文本内容,有参的会将参数内容设置给元素

   html():无参的会获取到文本内容和元素,有参的会将参数内容设置给元素

                                                      (原代码与原样式)

                                            jQuery :empty()与remove()区别,html()与text()区别

(点击button1后,id为i1的元素移除了)                  (点击button2后,id为i2的元素内容移除了,元素还在)

jQuery :empty()与remove()区别,html()与text()区别                         jQuery :empty()与remove()区别,html()与text()区别