讀 jQuery 權威指南》 5 外掛程式

2021-09-06 13:44:24 字數 2017 閱讀 2866

jquery外掛程式官網:

使用外掛程式時引用順序:外掛程式引用要位於主jquery庫之後。

演示外掛程式jquery.validate.js的使用方法:

①引用jquery主庫和validate外掛程式。

注意:

<

form

id="frmv"

method

="get"

action

="#"

>

<

div

class

="divframe"

>

<

div

class

="divtitle"

>

請輸入下列資料

div>

<

div

class

="divcontent"

>

<

div>

<

br />

<

input

id="title"

name="title"type

="text"

class

="txt"

/>

<

font

color

="red"

>*

font

><

br />

<

span

>

span

>

div>

<

div>

div>

div>

<

div

class

="divbtn"

>

<

input

id="sbtuser"

type

="submit"

value

="提交"

class

="btn"

/>

div>

div>

form

>

②設定驗證規則,注意name要與控制項對應。

1.外掛程式分類:

2.外掛程式開發注意事項

①外掛程式命名格式: jquery.[外掛程式名].js;

②所有外掛程式都應該以分號;開頭,避免壓縮外掛程式之後出現錯誤;為了保證jquery的鏈式寫法正確性,外掛程式本身必須返回乙個jquery物件;

③在外掛程式內部,this表示選擇器選中的物件,和平時的this含義不太相同;

④為了避免衝突,在編寫外掛程式時盡量使用jquery而不是$符號;

⑤物件級別外掛程式所有方法都依附於jquery.fn主體物件;類級別外掛程式所有方法都依附於jquery物件。

⑥編寫物件級別外掛程式是用jquery.fn.extend()方法進行擴充套件,編寫類級別外掛程式時是用jquery.extend()方法進行擴充套件。

2.物件外掛程式示例:

外掛程式功能比較簡單,當滑鼠經過選單項時自動切換背景顏色。

首先定義外掛程式jquery.color.js

; (function($) ).mouseout(

function

() );

});return $(this

); }

});})(jquery);

呼叫:

3.類外掛程式示例:

定義類級別外掛程式jquery.calc.js。

;$(function() 

});})(jquery);

呼叫:

jquery權威指南學習筆記

div html 獲取jquery物件中的值 divhtml html strhtml 設定值 div text 獲取元素內容 divtext text strtext 設定值 this toggleclass divclick html 點選後的樣子 單擊交替事件 clshead span img...

讀《struts2權威指南》

1 版本2 檔案結構3 必須jar 1 struts2 core.jar 2 xwork.jar 3 ognl.jar 1 action介面 1 action介面中定義了5個標準字串常量 success none error input login 2 常量可以簡化execute方法中的返回值,im...

css css權威指南學習筆記5

第六章 文字屬性 1 text indent只能作用於塊級元素 如p或inline block或block後的span a i等 2 text align只能作用於塊級元素 如p或inline block或block後的span a i等 中的內聯內容。3 行間距可看作line height減去fo...