下面是今天学习JQUERY中发现的一些小钻石

1:$(document).ready(function(){}); 为了防止文档在完全加载(就绪)之前运行 jQuery 代码(终于搞清了这句代码的含义,我不怕自己很菜,我愿意承认自己的菜然后去改变)

2:将JS代码放在单独的文件中更好 (好不是用来说的,我以后就要这么做 )

3: 如果希望在A语句运行完之后运行B语句,那么应该使用callback函数 。代码2是正确的,代码1,在hide的动画过程中,下一句就运行了。(AJAX中异步请求更应该这么做)

//代码1:
$("p").hide(1000); 
//
A
alert("The
paragraph is now hidden"
);   
//B
//代码2:
$("p").hide(1000,function(){
alert("The
paragraph is now hidden"
);
});

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,
field){
    $("#results").append(field.name
+
":" +
field.value +
"
"
);
  });
});

8: jquery 选择的节点可能包含多个元素,jquery提供了大量的api 来遍历操作这些元素,jquery 的遍历函数 很强大。 (我以后可以尝试 $.each多好。 function(I,V)说明:遍历对象 I 是key,遍历 数组 I是下标索引,这点跟JS的for是一样的)。

9: 可以向一个组件中注入值 (可以临时保存一些数据... 还不太明了要怎么用,但觉得这个设计不错)

$("#btn1").click(function(){
    $("div").data("greeting",
"Hello
World"
);
});
$("#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的总结的更多相关文章

  1. 多核片上系统(SoC)架构的嵌入式DSP软件设计

    多核片上系统(SoC)架构的嵌入式DSP软件设计 Multicore a System-on-a-Chip (SoC) Architecture SoCs的软件开发涉及到基于最强大的计算模型在各种处理 ...

  2. XXX系统发展综述(SSH+Jquery EasyUI)

    一个.该项目总体介绍 前一段时间的工作.我大概花了两三个月开发Web管理信息系统.用于框架集Struts2.3.1+Spring3.0+Hibernate3+Jquery EasyUI1.3.5.业务 ...

  3. Linux_09------Linux上系统扫描和安全策略

    先谢慕课网/** * linux系统扫描技术 * * 主机扫描.路由扫描.批量服务扫描.系统安全策略(防SYN和ddos攻击) */ /** * 主机扫描 * ping fping hping * * ...

  4. 【牛腩新闻公布系统】WebForms UnobtrusiveValidationMode 须要“jquery”ScriptResourceMapping。

    问题:       WebForms UnobtrusiveValidationMode须要"jquery"ScriptResourceMapping. 请加入一个名jquery ...

  5. 线上系统/tmp 目录不断增长分析与总结

    1.问题描述 系统配置为单核4G, web 工程配置堆2G,  /tmp目录 二进制文件不断增加,平均一天增加20G, 手动清理/tmp目录,重启系统,问题依旧. 2.分析 /tmp 目录存放系统运行 ...

  6. 写一个限制上传文件大小和格式的jQuery插件

    在客户端上传文件,通常需要限制文件的尺寸和格式,最常用的做法是使用某款插件,一些成熟的插件的确界面好看,且功能强大,但美中不足的是:有时候会碰到浏览器兼容问题.本篇就来写一个"原生态&quo ...

  7. 图片上传(方法一:jquery.upload.js)

    一.在JSP页面引入jquery.upload.js 文件: <script type="text/javascript" src="${ctx}/script/j ...

  8. 有关线上系统点击没有任何相应得问题思考,主要针对PC端应用程序

    1.问题得起因 前段时间,客户得某些机器上,点击应用系统得快捷方式,没有任何响应,不弹出程序主界面,也没有任何得报错提示,甚至程序得错误日志也没有任何输出. 当时,听说发生这种情况得时候,有点懵了,不 ...

  9. Phonegap在ios7上系统状态栏的问题解决

    用Phonegap+jqm开发的应用,在ios6下没问题,但是在ios7下会出现如下系统状态栏和header重合的问题,搜索了一下,发现这其实是 phonegap当前版本的一个已知问题,通过修改./p ...

随机推荐

  1. Maven创建EJB

    开发工具: eclipse mars wildfly jdk8 maven 右键新建project,选择other 勾选create simple project 填写信息(自行填写),完成后右键项目 ...

  2. Cocos2D iOS之旅:如何写一个敲地鼠游戏(八):为动画建立属性列表

    大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...

  3. Common Bit Tasks

    1) If you XOR a bit with its own negated value, you will always get 1. Therefore thesolution to a ^ ...

  4. Struts2进阶(一)运行原理及搭建步骤

    Struts2进阶(一)运行原理 Struts2框架 Struts2框架搭建步骤 致力于web服务,不可避免的涉及到编程实现部分功能.考虑使用到SSH框架中的Struts2.本篇文章只为深入理解Str ...

  5. android studio中使用lambda

    环境准备 如果还没有安装Java 8,那么你应该先安装才能使用lambda和stream(译者建议在虚拟机中安装,测试使用). 像NetBeans 和IntelliJ IDEA 一类的工具和IDE就支 ...

  6. Java关键字之finalize

    Java中提供了finalize方法,在垃圾回收器在进行内存释放时会首先调用finalize,但会有一些误区. 1).对象可能不被垃圾回收. 2).垃圾回收并不等于"析构",fin ...

  7. Linux管道编程实例

    /*管道 可以把管道想象为两个实体之间的单向连接器.注意,管道是半双工的, 如果需要全双工通讯,应该转而考虑套接字. 匿名管道又称管道,提供了一个进程与它的兄弟进程通讯的方法,只存在于父进程中: 命名 ...

  8. 【Qt编程】Qt学习笔记<二>

    1.      QApplication类和QWidget类都包含在QtGui模块中.所以我们可以只包含这个头文件即可. 2.      在c++中,用new分配了内存空间就需要用delete来释放空 ...

  9. Android增量升级的方法和原理

    总结: 我们使用delta编码算法减少Android应用升级程序的大小.我们通过bsdiff和bspatch工具在android上实现delta编码算法.服务器软件和android应用已经部署.当前, ...

  10. C语言颜色转换宏

    C语言颜色转换宏 #define COLOR_BPP16_RGB555 /* Win RGB */ #define COLOR_RGB(r,g,b) ((COLORREF)(((BYTE)(r)|(( ...