JQuery外掛入門
阿新 • • 發佈:2018-11-08
今天是二次寫部落格,雖然還有寫生疏,但是比第一次寫胡亂操作還好那麼一點的。好了廢話不多少。進一下今天我所學習到的新技術。
上次我發表了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外掛,謝謝大家的點選。