《锋利的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(“ ”)
《锋利的jQuery》心得笔记--Four Sections的更多相关文章
- 锋利的jQuery读书笔记---选择器
前段时间入手了锋利的jQuery(第二版),想着加强下自己的js能力,可前段时间一只在熟悉Spring和Hibernate.最近抽时间开始读这本书了,随便也做了些记录. 读书的过程是边看边代码测试,所 ...
- 《锋利的jQuery》心得笔记--Three Sections
第六章 1. JavaScript的Ajax的实现步骤: 1) 定义一个函数用来异步获取信息 function Ajax(){ } 2) 声明: var xmlH ...
- 《锋利的jQuery》心得笔记--Two Sections
第三章 1. DOM操作(节点) 1) 查找节点可以查找元素节点和属性节点 2) 创建节点: (1) 创建元素节点 var addLi = $(“&l ...
- 《锋利的jQuery》心得笔记--One Sections
第一章 1. $是jQuery的一个简写形式 2. 在jQuery中无法使用DOM对象的任何方法:比如:$ (“#id”).innerHTML.$ (“#id”).checked, 可以使 ...
- 锋利的JQuery 学习笔记
第一章 认识JQuery ·页面加载事件(可以写多个ready())$(document).ready(function(){alert(“hello world”);} ...
- 锋利的jquery学习笔记
1.$("#tt")获取的永远都是一个jquery对象,所以要判断页面上是否存在某个对象不能像js中 if($("#tt")){ } 而是通过: ){ } ps ...
- 锋利的jQuery读书笔记---jQuery中Ajax--序列化元素、Ajax全局事件
serialize()方法: 作用于一个jQuery对象,它能够将DOM元素内容序列化为字符串,用于Ajax请求. <!DOCTYPE html> <html> <hea ...
- 锋利的jQuery读书笔记---jQuery中Ajax--get、post等方法
load()方法通常用来从Web服务器上获取静态的数据文件,然而这并不能体现ajax的全部价值. 在项目中,如果需要传递一些参数给服务器中的页面,那么可以使用$.get()或者$.post()方法(或 ...
- 锋利的jQuery读书笔记---jQuery中Ajax--load方法
第一个Ajax例子 <!DOCTYPE html> <html> <head lang="en"> <meta charset=" ...
随机推荐
- cocos2dx 读取json及解析
ball.json 数据例如以下: { "entities": [ { "entity": { "TapOpposite": 0, &quo ...
- js判断加载大小页面
大页面里的js: <script> function jmp(){ var w = document.body.clientWidth; if( w > window.screen. ...
- SVM多分类
http://www.matlabsky.com/thread-9471-1-1.htmlSVM算法最初是为二值分类问题设计的,当处理多类问题时,就需要构造合适的多类分类器.目前,构造SVM多类分类器 ...
- 代码片段--Makefile之大型工程项目子目录Makefile的一种通用写法
转载:http://blog.csdn.net/mo_hui123456/article/details/8929615 管理Linux环境下的C/C++大型项目,如果有一个智能的Build Syst ...
- solr查询字段为空值,删除字段空值的方法
1. 例,我想查找内容字段content为空值的文档,看看文档有多少?执行如下查询. http://127.0.0.1:11100/solr/province/select?q=-(content:* ...
- 通过cagradientLayer类封装uiimageview动画色度差
#import <UIKit/UIKit.h> typedef NS_ENUM(NSInteger, EcolorDirectionType) { EcolorDirectionUp, / ...
- [Oracle] Oracle和SQLServer的数据类型比较
类型名称 Oracle SQLServer 比较 字符数据类型 CHAR CHAR 都是固定长度字符资料但oracle里面最大度为2kb,SQLServer里面最大长度为8kb 变长字符数据类型 VA ...
- 初学者学习javascript语言应注意的那几点
javascript在书写时应注意得那四点: 1)大小写敏感: 2)javascript是弱类型语言,声明变量是应全部使用var(因为javascript是弱类型语言): 3)字符串在定义时使用单引号 ...
- #技塑人生# windows2008无法远程— 注册表缺失键值导致高级防火墙服务异常
windows2008无法远程— 注册表缺失键值导致高级防火墙服务异常 阿里云技术支持中心:章阿贵 一.远程无法访问(windows server 2008) 症状:无法远程但是系统内网络正常,防火墙 ...
- Android小项目之七 应用程序的更新安装
------- 源自梦想.永远是你IT事业的好友.只是勇敢地说出我学到! ---------- 按惯例,写在前面的:可能在学习Android的过程中,大家会和我一样,学习过大量的基础知识,很多的知识点 ...