jquery empty()用法与实例

下面的html

<div class="container">
  <div class="hello">hello</div>
  <div class="goodbye">goodbye</div>
</div>we can target any element for removal:

$('.hello').empty();this will result in a dom structure with the hello text deleted:

<div class="container">
  <div class="hello"></div>
  <div class="goodbye">goodbye</div>
</div>

看个实例

<!doctype html>
<html>
<head>
  <style>
  p { background:yellow; }
</style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
 <p>
  hello, <span>person</span> <a href="网页特效:;">and person</a>
</p>

<button>call empty() on above paragraph</button>
<script>
  $("button").click(function () {
    $("p").empty();
  });
</script>

</body>
</html>

时间: 2024-11-16 19:04:42

jquery empty()用法与实例的相关文章

jquery $.add()用法与实例详解

jquery $.add(),自从有了jquery之后我们对页面的操作就不用像以前的js一样麻烦了,像我样给div中的p增加背景$("div").add("p")             .css教程("background", "yellow"); 就这么简单哦. 给a增加一个background <html>   <head>     <script type="text/网页特效&

jQuery选择器用法实例详解_jquery

本文实例讲述了jQuery选择器用法.分享给大家供大家参考,具体如下: jQuery 使用两种方式来选择 html 的 element,第一种使用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器(如:$("div > ul a")):第二种是用jQuery对象的几个methods(方法).这两种方式还可以联合起来混合使用. 使用 CSS 和 XPath 选择器选择的方法有许多种用法,关于详细的 CSS 选择器可参考本站相关文章. 首先来看通过元素的 ID

jquery.qtip提示信息插件用法简单实例_jquery

本文实例讲述了jquery.qtip提示信息插件用法.分享给大家供大家参考,具体如下: 公司要求写一个关于提示信息的效果,在网上查询到了这个插件,感觉很不错,下面是自己学习的内容 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&q

jQuery中$.each()函数的用法引申实例_jquery

语法: $.each( collection, callback(indexInArray, valueOfElement) ) 值得一提的是,forEach 可以很方便的遍历数组和 NodeList ,jQuery 中的 jQuery 对象本身已经部署了这类遍历方法,而在原生 JavaScript 中则可以使用 forEach 方法,但是 IE 并不支持,因此我们可以手动把 forEach 方法部署到数组和 NodeList 中: if ( !Array.prototype.forEach )

jQuery stop()用法实例详解_jquery

近期查看前辈的代码,发现在使用animate()的时候前面需要加上stop(),来防止移进移出的闪动问题,但却不知道stop()里面参数的真正意思,今天查了下stop()中参数的意义和具体使用方法,分享给大家. stop(true)等价于stop(true,false): 停止被选元素的所有加入队列的动画. stop(true,true):停止被选元素的所有加入队列的动画,但允许完成当前动画. stop()等价于stop(false,false):停止被选元素当前的动画,但允许完成以后队列的所有

jQuery siblings()用法实例详解_jquery

siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的. jQuery 的遍历方法siblings() $("给定元素").siblings(".selected") 其作用是筛选给定的同胞同类元素(不包括给定元素本身) 例子:网页选项栏 当点击任意一个选项卡是,其他2个选项卡就会改变样式,其内容也会隐藏. 下面是html代码. <body> <ul id="menu"> <li class=

jQuery事件用法实例汇总_jquery

本文以实例形式详细汇总了jQuery中事件的用法,对jQuery的学习有很好的参考价值.分享给大家供大家参考之用.具体用法如下: 1.通过方法名给元素绑定事件: $('li').click(function(event){}) 2.通过bind方法给元素绑定事件: $('li') .bind('click',function(event){}) .bind('click',function(event){}) 可见,通过bind,可以给元素绑定多个事件. 3.事件的命名空间 为什么需要事件命名空

jQuery应用之jQuery链用法实例_jquery

本文实例讲述了jQuery应用之jQuery链用法.分享给大家供大家参考.具体分析如下: 很多时候我们可以将jQuery语句链接在一起,这不仅可以缩短代码长度,而且很多时候可以实现特殊的效果.先看如下代码: 复制代码 代码如下: <script type="text/javascript">     $(function() {  $("div").addClass("css1").filter(function(index) {  

jQuery中has()和contains()及empty用法介绍

jQuery:has()和jQuery:contains()两个方法比较类似.不同点在于: has是判断标签的 contains是判断文本的 1.jQuery:has() <div><p>Hello</p></div> <div>Hello again!</div> $("div:has(p)").addClass("test"); //含有p标签的div标签增加test样式 注:has中的括号