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>