Jquery中.data()基本用法
2017-02-23 10:10
274 查看
一.导入js
<script type="text/javascript" src="js/jquery.js">
</script>
二.body内编写code
<div>
我出一道算术题,
<span></span> +
<span></span>=?
</div>
三.script内编写code
<script>
$("div").data("test", {
first : 16,
last : 4
});
$("span:first").text($("div").data("test").first);
$("span:last").text($("div").data("test").last);
</script>
四.页面呈现效果
在此Over!将代码copy到html中即可,js需要自行引入,但注意路径。
<script type="text/javascript" src="js/jquery.js">
</script>
二.body内编写code
<div>
我出一道算术题,
<span></span> +
<span></span>=?
</div>
三.script内编写code
<script>
$("div").data("test", {
first : 16,
last : 4
});
$("span:first").text($("div").data("test").first);
$("span:last").text($("div").data("test").last);
</script>
四.页面呈现效果
在此Over!将代码copy到html中即可,js需要自行引入,但注意路径。
相关文章推荐
- jquery validate.js表单验证的基本用法入门
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- Jquery-zTree的基本用法
- iOS CoreData的基本用法
- Jquery基本用法总结
- jquery validate.js表单验证的基本用法入门--不用写繁琐的验证代码了...
- UVA 11995 I Can Guess the Data Structure!【栈+队列+优先队列基本用法】
- jQuery Ztree基本用法
- jquery-animate基本用法
- jquery.validate.js的基本用法入门
- jquery基本用法
- 关于Jquery中ajax方法data参数用法的总结
- jquery常用基本用法,让你爱上它!
- jQuery的基本用法
- 关于Jquery中ajax方法data参数用法的总结
- Jquery-zTree的基本用法
- 关于Jquery中ajax方法data参数用法
- Jquery选择器基本用法
- jQuery和它的基本用法