《鋒利的jQuery》心得筆記--Four Sections

第八章

1、    當父元素設置position：relative的時候，子元素設置position:absolute。這個子元素設置在父元素的任何位置。

第九章

1、    對可視區進行糾正，通知瀏覽器使用移動設備的寬度作為可視區的寬度，禁止用戶放大縮小

<metaname="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />

2、    加入框架順序

<link rel="stylesheet" href="css/jquery.mobile.css" />

        <script type="text/javascript" src="js/jquery.min.js"></script>

         <!—這裡加入其它的js-->

        <script type="text/javascript" src="js/jquery.mobile.js"></script>

3、  data-role=””

1)   page：頁面容器

2)   navbar：導航欄

3)   listview：列表

4)   header：頁面標題容器

5)   footer：頁面頁腳容器

6)   slider:有範圍值的文本框

7)   content：內容容器

8)   collapsible：包裹標題和內容的容器

9)   collapsible-set：包裹collapsible的容器

10)  button：鏈接元素，共用button的屬性

11)  fieldcontain：包裹容器，包含label/form的元素對

4、  data-rel=” dialog”: 對話框

5、  type=”checkbox/radio/text|number|search”

6、  設置ul的data-inset=“true”，寬度就不會為100%

第十章

1、    1.6版本：

prop 表示元素的動態狀態信息，比如動態輸出文本框的內容

2、    1.7版本：

• on()替代了bind()、delegate()、live()
• off()替代了unbind()、undelegate()、unlive()

3、    e.target可以捕捉到觸發的目標元素

eg:

$(“#myTab td”).click(function(){

$(this).css(‘background’,’red’);

})

比如有好多個，就會很煩鎖

改進後：

$(“#myTab td”).click(function(e){

    var $click = e.target;

$click.css(‘background’,’red’);

})

4、    jQuery.fu.【方法名】 = function(){

   //代碼

         return this；

 }

5、    關閉所有的動畫：

jQuery.fx.off = true;

6、    切換樣式：toggleClass(“ ”)