奥门巴黎人手机网址【app】

jQuery中removeData()方法用法实例,jqueryremovedata

2019-09-07 09:19·澳门巴黎人最新网址

你恐怕感兴趣的篇章:

  • jQuery $.data()方法运用注意细节
  • jQuery中选用data()方法读取HTML5自定义属性data-*实例
  • html5的自定义data-*质量和jquery的data()方法的施用示例
  • 实测jquery data()怎样存值
  • jQuery中removeData()方法用法实例
  • 各类介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
  • Jquery中ajax方法data参数的用法小结
  • Jquery-data的二种用法

jQuery中data()方法用法实例,jquerydata

正文实例呈报了jQuery中data()方法用法。分享给大家供大家参照他事他说加以考察。具体解析如下:

此措施能够向相称成分附加数据,或许从相称成分别获得取数据。

语法结构一:

复制代码 代码如下:

$(selector).data(name,value)

参数列表:

参数 描述
name 存储的数据名称。
value 将要存储的任意数据。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>data()函数-帮客之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#add").click(function(){
    $("div").data("mydata","帮客之家应接您");
  })
  $("#show").click(function(){
    $("div").text($("div").data("mydata"));
  })
})
</script>
</head>
<body>
<div></div>
<button id="add">向元素增多数据</button>
<button id="show">显示增多的数额</button>
</body>
</html>

如上代码能够在极度的div元素上附加名号mydata,值为“帮客之家接待您”的数量,然后使用数据名称重回。

语法结构二:

从相称成分中回到钦命数量名称的增大的数据。

复制代码 代码如下:

$(selector).data(name)

参数列表:

参数 描述
name 存储的数据名称。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>data()函数-帮客之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#add").click(function(){
    $("div").data("mydata","帮客之家接待您");
  })
  $("#show").click(function(){
    $("div").text($("div").data("mydata"));
  })
})
</script>
</head>
<body>
  <div></div>
  <button id="add">向成分增添数据</button>
  <button id="show">显示增添的多少</button>
</body>
</html>

以上代码能够在拾叁分的div成分上附加名号mydata,值为“帮客之家招待您”的数码,然后接纳多少名称重返。

语法结构三:

应用键/值对目的向相称成分增添数据。

复制代码 代码如下:

$(selector).data(properties)

参数列表:

参数 描述
properties 一个用于设置数据的键/值对。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>data()函数-帮客之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#add").click(function(){
    $("div").data("mydata",{username:"daoliang"});
  })
  $("#show").click(function(){
    alert($("div").data("mydata").username);
  })
})
</script>
</head>
<body>
<div></div>
<button id="add">把数量添台币素</button>
<button id="show">获取充分到成分的数码</button>
</body>
</html>

以上代码能够以键/值对议程为div附加名号为mydata的数据,然后经过数据名和键取得附加的数据值。

语法结构四:

选用对象情势为钦定成分附加数据。

复制代码 代码如下:

$(selector).data(object)

参数列表:

参数 描述
object 一个用于设置数据的对象。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>data()函数-帮客之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  var mytest=new Object();
  mytest.first="帮客之家迎接您";
  mytest.second="JQuery专区";
  $("#add").click(function(){
    $("div").data(mytest);
  })
  $("#show").click(function(){
    alert($("div").data("second"));
  })
});
</script>
</head>
<body>
  <div></div>
  <button id="add">把数量添欧成分</button>
  <button id="show">获取丰裕到成分的数码</button>
</body>
</html>

以上代码以指标格局附加数据,而且得到附加的数据值。

希望本文所述对大家的jQuery程序设计有所帮忙。

本文实例陈诉了jQuery中data()方法用法。分享给大家供大家仿效。具体深入分析如下: 此方法能够向相配成分...

jQuery中removeData()方法用法实例,jqueryremovedata

正文实例呈报了jQuery中removeData()方法用法。分享给大家供我们参谋。具体落到实处格局如下:

此方法能够移除相配成分上点名的多少。
removeData()方法与data()方法的效应反倒。

语法结构一:

复制代码 代码如下:

$(selector).removeData(name)

参数列表:

参数 描述
name 可选。定义要删除的数据的名称。
如果没有定义名称,该方法将从被选元素中删除所有已存储的数据。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="" />
<title>帮客之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#add").click(function(){
    $("div").data("mydata","帮客之家迎接您");
  });
  $("#show").click(function(){
    $("div").text($("div").data("mydata"));
  });
  $("#delete").click(function(){
    $("div").removeData("mydata");
    alert($("div").data("mydata"));
  })
});
</script>
</head>
<body>
  <div></div>
  <button id="add">向成分增多数据</button>
  <button id="show">呈现加多的多寡</button>
  <button id="delete">删除成分中的数据</button>
</body>
</html>

如上代码能够透过data()方法向钦命成分附加数据,然后采纳removeData()方法删除数据,最终检验数据是还是不是删除。

意在本文所述对大家的jQuery程序设计有所接济。

本文实例陈说了jQuery中removeData()方法用法。分享给大家供咱们参照他事他说加以考察。具体实现格局如下: 此方...

以上代码能够透过data()方法向内定成分附加数据,然后采取removeData()方法删除数据,最终检查测验数据是或不是删除。

语法结构四:

$(selector).removeData(name)

复制代码 代码如下:

参数 描述
name 可选。定义要删除的数据的名称。
如果没有定义名称,该方法将从被选元素中删除所有已存储的数据。

以上代码以目的形式附加数据,並且获得附加的数据值。

复制代码 代码如下:

科技世界,上述代码能够在同盟的div成分上附加名号mydata,值为“脚本之家接待您”的数据,然后利用多少名称重回。

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//www.jb51.net/" />
<title>脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#add").click(function(){
    $("div").data("mydata","脚本之家招待您");
  });
  $("#show").click(function(){
    $("div").text($("div").data("mydata"));
  });
  $("#delete").click(function(){
    $("div").removeData("mydata");
    alert($("div").data("mydata"));
  })
});
</script>
</head>
<body>
  <div></div>
  <button id="add">向成分增添数据</button>
  <button id="show">显示增多的多寡</button>
  <button id="delete">删除元素中的数据</button>
</body>
</html>

复制代码 代码如下:

此方式能够移除相称成分上钦定的多寡。
removeData()方法与data()方法的功能反倒。

$(selector).data(object)

复制代码 代码如下:

复制代码 代码如下:

语法结构一:

语法结构二:

参数列表:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//www.jb51.net/" />
<title>data()函数-脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#add").click(function(){
    $("div").data("mydata","脚本之家迎接您");
  })
  $("#show").click(function(){
    $("div").text($("div").data("mydata"));
  })
})
</script>
</head>
<body>
<div></div>
<button id="add">向成分增多数据</button>
<button id="show">突显增多的数量</button>
</body>
</html>

仰望本文所述对我们的jQuery程序设计具备支持。

梦想本文所述对大家的jQuery程序设计具备辅助。

实例代码: