1. 程式人生 > >JQuery外掛入門

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外掛,謝謝大家的點選。