JQuery的学习笔记

来源:互联网 发布:js设置disabled属性值 编辑:程序博客网 时间:2024/06/06 09:54

一、Jquery的几种使用方法:

      Jquery的也需要运行代码,而何时是代码的进入点呢(也类似于Main入口)。 

      首先,人情jquery是事件驱动的,每段代码的运行都可以绑定在一个事件上。这种绑定浏览器何时实现呢?最常用的方法就是在文档加载完毕时,比如示例一,连接的点击事件在 $(document).ready();中绑定好,而 $(document).ready()通常可以放在页面的最后端(也可以看做是Main入口,启动事件队列和事件监测)。

    1、选择对象,绑定事件,指明执行函数。

 <script> //该段代码放在</body>前面即可。
      $(document).ready(

function(){                     //选择对象"document",确定事件(ready),指明回调函数(function)
       $("a").click(

function(event){              //选择对象"a"标签,确定事件(click 点击),指明回调函数(function)
          alert("As you can see, the link no longer took you to jquery.com");        
       },

function(){} //多个函数


);

     });
    </script>
         

  注意:一个事件可以按照顺序绑定多个处理函数,用“,”分割开。  

    2、对于时间中的功能可以通过选择对象,执行某个任务实现    

    $("a").addClass("test"); 选择超链接标签对象,添加test 类属性;
  3、对于异步事件,可以采取回调函数的形式(避免犯错)

              回调的写法(错误):如下的示例实际上是一个嵌套函数,当mycallback函数执行完后,get才执行(就不是“回调:执行完后,回头调用”的意思了)

              $.get('myhtmlpage.html', myCallBack(param1, param2));

             回调的写法(正确):借助匿名函数,当父亲事件完成后,执行函数Mycallback:                            

$.get('myhtmlpage.html', function(){  myCallBack(param1, param2);});

原创粉丝点击