修改或扩展jQuery原生方法的代码实例
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了修改或扩展jQuery原生方法的代码实例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2236字，纯文字阅读大概需要4分钟。
内容图文
这篇文章主要介绍了修改或扩展jQuery原生方法的代码实例,本文用一个扩展jquery原生方法val的例子,讲解了如何对jquery原生方法修改或扩展,需要的朋友可以参考下修改或者扩展jQuery的方法代码实例:
毫无疑问，jQuery是一款功能强大且使用方便的类库。
从它的广泛应用可以证实上面的观点，但是正所谓人无完人，金无足赤，jQuery也是如此，并非在任何时候或者场合都能够完美的完成我们的任务，所以有事以后就需要对jQuery原有的方法进行扩展修改，但是最好方法仍然具有原来的功能。
代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>Gxl网</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$.prototype.val = function (base) {
return function () {
var s = this;
var a = "data-property";
var p = s.attr(a);
var isset = arguments.length > 0;
var v = isset ? arguments[0] : null;
if (isset&&typeof(base)=="function") {
base.call(s, v);
}
else {
v = base.call(s);
}
if (p) {
if (isset) {
s.attr(p, v);
return s
}
else {
return s.attr(p)
}
}
else {
if (!s.is(":input")){
if (isset) {
s.text(v); return s;
}
else {
return s.text();
}
}
else {
return isset ? s : v;
}
}
}
}($.prototype.val);
$(document).ready(function(){
$("#show").html($("#lbl").val()+"<br>"+$("#txt").val());
})
</script>
</head>
<body>
<span id="lbl">Gxl网</span>
<input type="text" id="txt" value="softwhy.com" />
<input type="checkbox" value="antzone" />
<p id="show"></p>
</body>
</html>上面的代码毫无疑问是对jQuery的val()方法做的扩展，下面介绍一下它的实现过程。
代码注释:
1、$.prototype.val = function (base) {}(($.prototype.val),修改jQuery原来的val()方法，这里采用闭包的方式，传递的参数是原来的val()方法，以保持原来val()方法的功能。
2、return function (){}，返回一个函数对象。
3、var s = this，将this的指向引用赋值给变量s，这里的this是指向jQuery对象实例的。
4、var a = "data-property"，声明一个变量并赋值，关于它的更多内容面会介绍。
5、var p = s.attr(a)，其实data-property就是标签上的一个自定义属性，那么这段代码就是获取此属性值。
6、var isset = arguments.length > 0，判断修改后的val()方法是否传递了参数。
7、var v = isset ? arguments[0] : null，如果传递参数，那么久获取第一个参数，其他的忽略。
8、if (isset&&typeof(base)=="function") { base.call(s, v);}，如果传递了参数，且base参数是一个函数，那么就调用base函数设置元素
以上就是本章的全部内容，更多相关教程请访问jQuery视频教程！
内容总结
以上是互联网集市为您收集整理的修改或扩展jQuery原生方法的代码实例全部内容，希望文章能够帮你解决修改或扩展jQuery原生方法的代码实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。