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
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
- 上一篇: 宝塔面板数据库未授权访问(端口:888)
- 下一篇: 如何使用ROS查找rgbdslam代码包