<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript">
//json数据形式01对象(属性:值)
var obj1 ={"name":"John"};
//json数据形式02数组
var obj2 =[1,2,3];
//json数据形式03混合
var obj3={name:'John',b:[1,2,3]};
//$.extend(obj4,obj3);相当于obj3赋值给obj4
var obj4={};
$.extend(obj4,obj3);
//提示框
alert( obj1.name);
alert(obj2);
alert(obj3.b);
alert(obj4);
//控制台输出
console.log(obj1);
console.log(obj2);
console.log(obj3);
console.log(obj4);
//$.extend扩充jQuery类的属性或方法
$.extend({
a:function(){
alert("自定义方法a");
}
})
$.a();
//$.fn.extend扩充jQuery实列的属性或方法
$.fn.extend({
b:function(){
alert("自定义方法b");
}
})
$('#s').b();
</script>
<title>Insert title here</title>
</head>
<body id="s">
</body>
</html>