ajax之全局函数
1、全局函数:$.each(array,function(){1,value}),通过$/jQuery直接调用
对象函数:$("#name").val();
jQuery UI:$obj.accordion();--->对象函数;(大多数用到是对象函数)
语法;jQuery.myFunction =function(){}
$.myFunction=function(){}
2、通过extend函数去整合全局函数,便于管理
jQuery.extend({
myFunction:function(){},
myFunction1:function(){}
})
调用:$.myFunction();
$.myFunction1();
3、通过以上方式可以添加多个全局函数,但是代码存在有关命名空间的风险,
每个人定义的方法不同,整合在一起可能会冲突,所以需要定义一个命名空间即
封装到一个方法中去;myPlugin就是方法名
jQuery.myPlugin={
functionOne:function(){},
functionTwo:function(param){}
}
调用:$.myPlugin.functioOne();
$.myPlugin.functionTwo(param);
4、练习
创建一个函数(在自己的命名空间内),完成功能:
接收一个数组作为参数,将数组和求出来并返回。
Query.myPlugin={
functionOne:function(){},
functionTwo:function(param){}
sum:function(array){
var sum =0;
$.each(array,function(i){
sum+=array[i];
});
return sum;
}
}
例子:
1、全局函数(extend函数)
//定义一个不含参数的全局函数;jQuery相当于$,
// 但是定义的时候一般都是用它,调用时才用jQuery
// jQuery.myFunction1 = function(){
// console.log("hello world");
// }
// //含有参数的全局函数
// jQuery.myFunction = function(msg){
// console.log(msg);
// }
// extend 方法整合全局函数便于管理
jQuery.extend({
myFunction1:function(){
console.log("hello world");
},
myFunction:function(msg){
console.log(msg);
}
});
$(document).ready(function () {
$.myFunction1();//调用全局函数
$.myFunction("这个是我传递的参数,你给我打印出来哦!")
})
</script>
2、全局函数(命名空间)
3、练习(求和方法多样)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>命名空间的全局函数</title>
<script src="js/jquery.min.js"></script>
</head>
<script>
//创建一个函数(在自己的命名空间内),完成功能:
//接收一个数组作为参数,将数组和求出来并返回。
var array = [12, 17, 90, 10, 11, 10];
// jQuery.sum = ({
// myFunction: function (arr) {
// console.log(eval(arr.join('+')));
//
// });
// $.sum.myFunction(arr);//调用函数
//接收一个数组作为参数,将数组和求出来并返回。
jQuery.myPlugin = {
sum: function (array) {
var sum = 0;
// $.each(array, function (i, value) {
// sum += value;
// });
$.each(array, function (i) {
sum += array[i];
});
return sum;
}
}
console.log($.myPlugin.sum(array));//调用并打印出来
</script>
<body>
</body>
</html>
本文来自博客园,作者:小虾米吖~,转载请注明原文链接:https://www.cnblogs.com/LindaBlog/p/9263829.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」