$.data在$.extend和$.fn下的应用
1,首先我们研究$.data
1)代码片断
<body onload="window.scrollTo(0,1);">
<h1 class="th">Welcome</h1>
<input id="test" type="text" data-age="5725" 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>
