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插件,谢谢大家的点击。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值