《锋利的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(“ ”)

 

posted @ 2016-04-01 20:00  逆光飞翔23  阅读(252)  评论(0编辑  收藏  举报