JQuery插件入门

今天是二次写博客,虽然还有写生疏,但是比第一次写胡乱操作还好那么一点的。好了废话不多少。进一下今天我所学习到的新技术。
上次我发表了JQuery入门基础,那么天我给大家带来JQuery的插件。
说到插件,就必须提起Json,Json有三种格式。比如:

第一种:
var student = {
	sid:'s1',
	sname:'zhangsan'
}
第二种:
var student1 = [1,2,1]
第三种:
var student2 = {
	sid: 's2',
	sname: 'lisi',
	hobby:[2,5,6]
}
能用alert(student);去弹出得到。
但是可以用studnet.它的属性去得到它得属性值(student.sid)
当然你也可以在console控制台去显示student (  console.log(student)   ) 
在前端网站上 按F12看到

说玩基本的三种Json,接下来就不得不说$.extend();这个方法的用法了。
继续上我们的代码向大家解释:

基于上述代码,
var student3 = {}
$.extend(student3,student);
它的结果呢,就是student3= {
	sid:'s1',
	sname:'zhangsan'
}
这个方法并不是大家认为的将后一个赋值个前一个,而是做填充。
接下来的代码会向大家展示值的覆盖
$.extend(student3,student,studnet2);
结果student3= {
	sid:'s2',
	sname:'lisi',
	hobby:[,2,5,6]
}
结论:最后的有相同属性的值覆盖掉原来的值。(这个hobby是填充进来的)

说完这个,就再讲下一个知识点。

$.extend({
	hollo:function(){
	alert("hollo JQuery!");
	}
})
上述代码,是需要用$.hollo()去调用,
而另一种
$.fn.entend({
	hollo:function(){
	alert("hollo JQuery!");
	}
})
是需要用 $("a").hollo();去调用的。其中$("a")是JQuery实例对象

这些基础太概讲完了,然后就是我们老师(晓哥)给我们做的一个模拟公司案例。
当然由于代码较多就不向大家展示了,大家可以去其他博客文看,更高深的JQuery插件,谢谢大家的点击。

猜你喜欢

转载自blog.csdn.net/weixin_43224629/article/details/82758131