《锋利的jQuery》心得笔记--Four Sections

Posted 2020-07-02 逆光飞翔23

第八章

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(“ ”)