宁波网站建设咨询:宁波网站建设
13780026116 宁波网站制作
网站公告
PHP技术
技术交流
网络推广
网站建设常见问答
殷雯动态
你的位置:首页> 新闻/观点 > 网站建设常见问答>殷雯jquery笔记:删除HTML元素
网站建设常见问答
殷雯jquery笔记:删除HTML元素

殷雯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\");   

 


点击:  2364    时间: 2015-05-13
上一条: 文化局在我公司文艺演出
下一条: 殷雯jquery笔记:添加HTML元素
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 13780026116 
邮 箱:
waichun@qq.com
宁波网站建设
宁波网站制作
13780026116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1