《锋利的jQuery》学习笔记(4)

1、    当父元素设置position:relative的时候,子元素设置position:absolute。这个子元素设置在父元素的任何位置。

第九章

1、    对可视区进行纠正,通知浏览器使用移动设备的宽度作为可视区的宽度,禁止用户放大缩小

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

2、    加入框架顺序

<link href="https://www.linuxidc.com/css/jquery.mobile.css" /> <script type="text/javascript" src="https://www.linuxidc.com/js/jquery.min.js"></script> <!—这里加入其它的js--> <script type="text/javascript" src="https://www.linuxidc.com/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(“ ”)

jQuery权威指南 PDF版中文+配套源代码

jQuery实战 中文PDF+源码

《jQuery即学即用(双色)》 PDF+源代码

锋利的jQuery(第2版) 完整版PDF+源码

jQuery完成带复选框的表格行高亮显示

jQuery基础教程(第4版) PDF 完整高清版+配套源码

--------------------------------------分割线 --------------------------------------

jQuery 的详细介绍请点这里
jQuery 的下载地址请点这里

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/1a54b63f35505b5ab39d11ce1dab7686.html