jquery學習筆記 二

8.8 輸入掩碼

 

1)以前我們是通過單元格在表格中的索引來查找列中的單元格,這裏將使用增加html的複雜度,來簡化javascript代碼,每個單元格有了標識的類之後,選擇單元格就會變的很簡單了

 

2)輸入掩碼是在用戶填寫內容的同時應用標準,並簡單的禁止無效的按鍵操作

 

3)keypress:執行的是按下鍵盤的事件

 

4)event.keyCode:keyCdoe是event對象的一個屬性,用於獲得目標對象所按下的鍵盤鍵值,firfox中是charCode

 

5)使用ie和firfox兼容的一種寫法是 var obj = event.keyCode ? event.keyCode : event.charCode

 

8.9 數值計算

 

1)parseInt:返回字符串中含有數值的部分,parseInt('dd')返回的是NaN ,parseInt('q3e')返回的是NaN  paresInt('3.3dd')返回的是3

 

2)input的type爲text的取其值是val(),沒有input標籤的也就是說是正常的元素標籤下面的得到的文本是用text();

 

3)js中精確保留小數點的寫法,math.round(a*b*100)/100 如果保留兩位就除以100,三位就是除以1000,這裏是防止出現無限循環的小數,由於沒有精確的保留小數點的,所以採用變相的寫法,math.round()是精確保留整數

     而math.ceil() 大於其數字參數的最小整數,例如math.ceil('3.2') 返回的就是4 math.round('3.2')返回的就是3,同樣這兩個方法都是要舍掉小數位的,如果要想保留小數位的方法就同math.round是一樣的方式

 

4)isNaN(a):用來判斷得到a的值是不是保留值 NaN (不是數字) 例如parseFloat('af11')返回的就是NaN這個表示不是數字的含義

 

5).toFixed():用於返回小數位的四捨五入,例如:5.36.toFixed(1) 返回的就是5.3

 

6)$('input').change(function(){alert('aa')});這個就相當於<input type='text' οnchange="alert('aa')"

 

8.10

 

1) $('<th>&nbsp</th>').insertAfter('#cart thead th:nth-child(2)') 這句話的含義是將th標籤插入到thead標籤下面的第二個th子元素的後面

 

2)$('#cart tbody tr:visible:even').removeClass("odd"):這裏面的visible是相對於有hide()的情況而言的tr:冒號後面都是一些限制的條件,:nth-child(1)

 

8.11 沒有看

 

第九章 滑移和反轉

 

9.1 標題反轉效果

 

1)有關樣式的控制參看示例或書上的148頁

 

2)使用$.get('a.xml',function(){})的方式在ie中讀取xml文件是不好用的,還沒有解決掉

 

3)jquery中應用xml的實例

 

4)將a元素包裝到h3元素當中,就是先生成一個元素後插入到一個元素中  9.1.2

 

5).html()的用法

 

6).lenght:取得當前匹配的元素的數量,例如$('div.a').length 就是獲得class爲a的div的個數

 

7)在多個相同條件的數組中,循環符合條件元素的算法,參見實例45頁

 

8)clearTimeout(a) 清楚計時器 a就是a=setTimeOut();這個函數,要想再執行就重新調用a

 

9)計時器的判斷條件沒有想清楚!!!

 

10)9.1.6 是控制在ajax得到放回之前使用的語句是ajaxStart(),和ajaxStop()

 

11)9.1.7 的效果沒有實現!!!

 

9.2 圖像傳送帶

 

1)position的兩個重要的屬性absolute和relative的使用

 

2)eq()的使用,關於設置子元素的方法

 

3)event.preventDefault() 的使用,去掉默認的操作

 

4)實際上移動的效果就是對eq的一種操作只要把它設置好就可以了

 

5)增加新的標籤元素的四個步驟  $('<img />').attr('href','').addClass('classname').css('value')

 

6)z-index的使用,css , left , top

 

9.3 放大圖片

 

1)one()方法的使用並和bind()的性能上的區別

 

2)文本元素的提取和添加

 

3)得到元素標籤的寫法 get();

 

4)offsetParent offsetLeft  offsetTop的使用,參見例子和博客

     http://blogger.org.cn/blog/more.asp?name=file163&id=19963

 

5)9.3.3-2沒有看

 

第十章 插件

 

10.1 使用插件

 

1)dimensions已經加入到jquery的內核了,不用單獨使用插件文件了

 

2)dimensions的使用 189

 

10.3 查找插件文檔

 

10.4 開發新插件

 

1)全局函數:實際上就是jquery的方法

 

2)具體的操作參見示例

 

3)對象方法環境,如果JQuery選擇符可能會匹配一個或多個元素,就要使用each()方法產生隱形迭代,然後使用this依稀調用符合條件的元素,可使用this[0]來確定每一個元素

 

4)a.push(b)

 

5)$.unique(array):過濾掉數組中重複的元素,例子中沒有能明白

 

6)setArray()

 

7)extend():方法是一種繼承機制,有關內容可上網搜索

 

8).pushStack(array):pushStack方法會創建一個新的jQuery對象,而不是修改舊的

 

10.4.4 添加新的簡寫方法

 

參見書

 

10.4.5 維護多事件日誌

以後的內容參見示例和書

 

編寫jquery插件應該注意的事項在最後 211-212頁

 

sina

email

 

1 .blur(function(){}):失去焦點是調用的函數

 

 

 

 

 

 

 

 

發佈了20 篇原創文章 · 獲贊 0 · 訪問量 1305
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章