首页 / 更多教程 / $.data在$.extend和$.fn下的应用

$.data在$.extend和$.fn下的应用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了$.data在$.extend和$.fn下的应用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1353字，纯文字阅读大概需要2分钟。

内容图文

1,首先我们研究$.data

1)代码片断

<body onload="window.scrollTo(0,1);">

<h1 class="th">Welcome</h1>
<input id="test" type="text" data-age="5725" id="uname" name="nam" value="123" />

</body>

<script type="text/javascript">

$(function(){

var val = $("#test").data(‘age‘);

$("#test").data(‘name‘,19);   //在jquery中赋值
var val1 = $("#test").data(‘name‘);

console.log(val + ‘---‘ + val1);

});

</script>

说明： 在标签中加入属性data-name ,就可以在$.data中调用以data-后面名的变量的值

2)接上面代码 ， $.data在$.fn中的用法　　

$.extend($.fn,{


     showAge:function(){
           console.log(this[0].dataset.age);
     }
});

$("#test").showAge();

注意：这里this[0]表示了读取标签属性的对象　　

 

9，代码片断　

　　　　<body onload="window.scrollTo(0,1);">

<h1 class="th">Welcome</h1>


<input type="text" id="uname" name="nam" value="123" />
<input type="text" name="name" value="123456" />

<input type="button" name="btn" value="vla" />

</body>

<script type="text/javascript">
$(function(){
var a = {
name:"ab",
func:"onely"
};
$.extend($.fn,{
showName:function(){
console.log("sdfsd");
},
echoName:function(op){
//$.data(this[0],‘name‘,‘dataname‘);
var val = $.data(this[0],‘name‘);

console.log(val);
}

});

var option = {
name:"dddd"
};
$("#uname").data(‘name‘,‘ddddd‘);
$(":input").echoName(option);



});
</script>

原文：http://www.cnblogs.com/yubolin/p/5206111.html

内容总结

以上是互联网集市为您收集整理的$.data在$.extend和$.fn下的应用全部内容，希望文章能够帮你解决$.data在$.extend和$.fn下的应用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1327242.html

来源：【匿名】