• w3school上系统过了一遍Jquery的总结


    下面是今天学习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实现了某个功能,这个功能能开阔你的眼界,一旦理解,就可以在以后的开发中灵活运用。

    我不怕自己很菜,我愿意承认自己的菜然后去改变 突然觉得我这句话说的不错,哈哈,得瑟。

  • 相关阅读:
    注册表命令大全(二)
    让电脑定时关机
    NSIS nsDialogs 插件
    poj_1562Oil Deposits
    hdoj_1342Lotto
    VS 生成事件文件拷贝
    poj_1111Image Perimeters
    模拟求解迷宫问题(DFS+BFS)
    VS2010如何为所有工程配置环境
    POJ 并查集 题目汇总 ——czyuan原创
  • 原文地址:https://www.cnblogs.com/duankaige/p/2675172.html
Copyright © 2020-2023  润新知