html 实例源码
实例源码：
源代码：
执行
执行中...
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8">5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>7
<style>8
div {9
margin: 5px;10
background: yellow;11
}12
button {13
margin: 5px;14
font-size: 14px;15
}16
p {17
margin: 5px;18
color: blue;19
}20
span {21
color: red;22
}23
</style>24
</head>25
<body>26
27
<div>一个div块</div>28
<button>从div块中获取“blah”</button>29
<button>将“blah”设置为“hello”</button>30
<button>将“blah”设置为 86</button>31
<button>从div块中移除“blah”</button>32
<p>这个块中的“blah”值<span>?</span></p>33
<script>34
$(function () { 35
$( "button" ).click( function() {36
var value,37
div = $( "div" )[ 0 ];38
switch ( $( "button" ).index( this ) ) {39
case 0 :40
value = jQuery.data( div, "blah" );41
break;42
case 1 :43
jQuery.data( div, "blah", "hello" );44
value = "存储!";45
break;46
case 2 :47
jQuery.data( div, "blah", 86 );48
value = "存储!";49
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java