w3school上系统过了一遍Jquery的总结
下面是今天学习JQUERY中发现的一些小钻石
1:$(document).ready(function(){}); 为了防止文档在完全加载(就绪)之前运行 jQuery 代码(终于搞清了这句代码的含义,我不怕自己很菜,我愿意承认自己的菜然后去改变)
2:将JS代码放在单独的文件中更好 (好不是用来说的,我以后就要这么做 )
3: 如果希望在A语句运行完之后运行B语句,那么应该使用callback函数 。代码2是正确的,代码1,在hide的动画过程中,下一句就运行了。(AJAX中异步请求更应该这么做)
//代码1: $( "p" ).hide(1000); // alert( "The ); //B //代码2: $( "p" ).hide(1000, function (){ alert( "The ); }); |
4:JQUERY 选择元素的API非常强大,我在骨子里要认为jquery 是能为所欲为的遍历节点的。
5:以前习惯元素事件(比如onclick='test()')需要写在HTML中,有了jquery,事件可以与HTML分离,我们可以随意的绑定调用事件 (这点有解耦的感觉,我喜欢)。
6:JQUERY 操作节点的API 非常强大,我在骨子里要认为jquery 是能为所欲为的操作节点的,什么属性添加修改删除,添加修改删除节点 css操作等 无所不能。
7:jquery可以获取form中的全部输入项的name 和 值,称之为“反序列化” 。(这个发挥想象,能够做一些事情的 )
$( "button" ).click( function (){ x=$( "form" ).serializeArray(); $.each(x, function (i, $( "#results" ).append(field.name ":" + " ); }); }); |
8: jquery 选择的节点可能包含多个元素,jquery提供了大量的api 来遍历操作这些元素,jquery 的遍历函数 很强大。 (我以后可以尝试 $.each多好。 function(I,V)说明:遍历对象 I 是key,遍历 数组 I是下标索引,这点跟JS的for是一样的)。
9: 可以向一个组件中注入值 (可以临时保存一些数据... 还不太明了要怎么用,但觉得这个设计不错)
$( "#btn1" ).click( function (){ $( "div" ).data( "greeting" , "Hello ); }); $( "#btn2" ).click( function (){ alert($( "div" ).data( "greeting" )); }); |
10:可以动态创建组件,包括组件的事件,然后加载到另外的容器中。 (之前有个设计根据json动态创建 html table就使用的这个知识点 )
$( "<input>" , type: "text" , val: "Test" , focusin: function () $( this ).addClass( "active" ); }, focusout: function () $( this ).removeClass( "active" ); } }).appendTo( "form" ); |
小小结语:
JQUERY能做到的,JS也能做到,JQUERY好在简化了开发的难度,并提供了一整套相关逻辑 。说实话,我对Jquery的认识还很粗浅,今天的学习让我对Jquery的感情增进了不少,w3school是个不错的学习网站,学习网站就应该搭建能够实验的环境...后台技术博客能不能做到呢,想多了,哈哈。
重要的不是哪个框架的API怎么用,而是你了解这个框架某个API实现了某个功能,这个功能能开阔你的眼界,一旦理解,就可以在以后的开发中灵活运用。
我不怕自己很菜,我愿意承认自己的菜然后去改变 突然觉得我这句话说的不错,哈哈,得瑟。
w3school上系统过了一遍Jquery的总结的更多相关文章
- 多核片上系统(SoC)架构的嵌入式DSP软件设计
多核片上系统(SoC)架构的嵌入式DSP软件设计 Multicore a System-on-a-Chip (SoC) Architecture SoCs的软件开发涉及到基于最强大的计算模型在各种处理 ...
- XXX系统发展综述(SSH+Jquery EasyUI)
一个.该项目总体介绍 前一段时间的工作.我大概花了两三个月开发Web管理信息系统.用于框架集Struts2.3.1+Spring3.0+Hibernate3+Jquery EasyUI1.3.5.业务 ...
- Linux_09------Linux上系统扫描和安全策略
先谢慕课网/** * linux系统扫描技术 * * 主机扫描.路由扫描.批量服务扫描.系统安全策略(防SYN和ddos攻击) */ /** * 主机扫描 * ping fping hping * * ...
- 【牛腩新闻公布系统】WebForms UnobtrusiveValidationMode 须要“jquery”ScriptResourceMapping。
问题: WebForms UnobtrusiveValidationMode须要"jquery"ScriptResourceMapping. 请加入一个名jquery ...
- 线上系统/tmp 目录不断增长分析与总结
1.问题描述 系统配置为单核4G, web 工程配置堆2G, /tmp目录 二进制文件不断增加,平均一天增加20G, 手动清理/tmp目录,重启系统,问题依旧. 2.分析 /tmp 目录存放系统运行 ...
- 写一个限制上传文件大小和格式的jQuery插件
在客户端上传文件,通常需要限制文件的尺寸和格式,最常用的做法是使用某款插件,一些成熟的插件的确界面好看,且功能强大,但美中不足的是:有时候会碰到浏览器兼容问题.本篇就来写一个"原生态&quo ...
- 图片上传(方法一:jquery.upload.js)
一.在JSP页面引入jquery.upload.js 文件: <script type="text/javascript" src="${ctx}/script/j ...
- 有关线上系统点击没有任何相应得问题思考,主要针对PC端应用程序
1.问题得起因 前段时间,客户得某些机器上,点击应用系统得快捷方式,没有任何响应,不弹出程序主界面,也没有任何得报错提示,甚至程序得错误日志也没有任何输出. 当时,听说发生这种情况得时候,有点懵了,不 ...
- Phonegap在ios7上系统状态栏的问题解决
用Phonegap+jqm开发的应用,在ios6下没问题,但是在ios7下会出现如下系统状态栏和header重合的问题,搜索了一下,发现这其实是 phonegap当前版本的一个已知问题,通过修改./p ...
随机推荐
- Maven创建EJB
开发工具: eclipse mars wildfly jdk8 maven 右键新建project,选择other 勾选create simple project 填写信息(自行填写),完成后右键项目 ...
- Cocos2D iOS之旅:如何写一个敲地鼠游戏(八):为动画建立属性列表
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...
- Common Bit Tasks
1) If you XOR a bit with its own negated value, you will always get 1. Therefore thesolution to a ^ ...
- Struts2进阶(一)运行原理及搭建步骤
Struts2进阶(一)运行原理 Struts2框架 Struts2框架搭建步骤 致力于web服务,不可避免的涉及到编程实现部分功能.考虑使用到SSH框架中的Struts2.本篇文章只为深入理解Str ...
- android studio中使用lambda
环境准备 如果还没有安装Java 8,那么你应该先安装才能使用lambda和stream(译者建议在虚拟机中安装,测试使用). 像NetBeans 和IntelliJ IDEA 一类的工具和IDE就支 ...
- Java关键字之finalize
Java中提供了finalize方法,在垃圾回收器在进行内存释放时会首先调用finalize,但会有一些误区. 1).对象可能不被垃圾回收. 2).垃圾回收并不等于"析构",fin ...
- Linux管道编程实例
/*管道 可以把管道想象为两个实体之间的单向连接器.注意,管道是半双工的, 如果需要全双工通讯,应该转而考虑套接字. 匿名管道又称管道,提供了一个进程与它的兄弟进程通讯的方法,只存在于父进程中: 命名 ...
- 【Qt编程】Qt学习笔记<二>
1. QApplication类和QWidget类都包含在QtGui模块中.所以我们可以只包含这个头文件即可. 2. 在c++中,用new分配了内存空间就需要用delete来释放空 ...
- Android增量升级的方法和原理
总结: 我们使用delta编码算法减少Android应用升级程序的大小.我们通过bsdiff和bspatch工具在android上实现delta编码算法.服务器软件和android应用已经部署.当前, ...
- C语言颜色转换宏
C语言颜色转换宏 #define COLOR_BPP16_RGB555 /* Win RGB */ #define COLOR_RGB(r,g,b) ((COLORREF)(((BYTE)(r)|(( ...