殷雯jquery笔记:删除HTML元素

jQuery使用下面两个方法来删除或是清空某个HTML元素。 
remove() – 删除指定的元素（包括其子元素）
empty() – 清空指定元素的子元素

示例：remove 直接删除div1全部html包括自身

<script src=\"scripts/jquery-1.9.1.js\"></script> 
    <script> 
        $(document).ready(function () { 
            $(\"button\").click(function () { 
                $(\"#div1\").remove(); 
            }); 
        }); 
    </script> 

 <div id=\"div1\"> This is some text in the div.  </div> 
<button>Remove div element</button>

 

示例：empty()

<script src=\"scripts/jquery-1.9.1.js\"></script> 
    <script> 
        $(document).ready(function () { 
            $(\"button\").click(function () { 
                $(\"#div1\").empty(); 
            }); 
        }); 
    </script>  

 <div id=\"div1\"> This is some text in the div.  </div> 
<button>Remove div element</button>

 

jQuery的remove()方法也支持一个参数，可以用于过滤一些需要删除的HTML元素。这个参数可以为任何有效的jQuery selector.
比如下面代码只删除class=”italic”的<p>元素：
$(\"p\").remove(\".italic\");   

 

关注宁波网站建设博客，更多精彩分享，敬请期待！
 

Tags：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/221.html

很赞哦！ ()