页面上一个按钮,用 jquery方法,响就眯击事件,如点一下报个MSG出来。

解决方案 »

  1.   


    //都是获取这个对象点击事件
    jQuery('.h3').click(function(){//class
     alert('h3');
    });jQuery('#h1').click(function(){//id
     alert('h1');
    });jQuery('input[name='h2']').click(function(){//input标签
     alert('h2');
    });
    <input id='h1' name='h2' class='h3' type='button' value='button'/>
      

  2.   

        <script type="text/javascript">
         $(document).ready(function() {
                $("#a1").click(function() { 
                               alert("你点击了a1");
                });
            });
      </script>  <a id="a1">链接a1</a>
      

  3.   

    <script src="http://code.jquery.com/jquery-latest.js"></script>
     
    <script>
    window.onload = (function(){
        $("button").click(function () { 
          alert(1); 
        });
    });</script>
    <button>msg</button>
      

  4.   

    搜索 jQuery api 中文
    上面每个方法都有明确简单的例子
      

  5.   

    安装一开始,我们需要一个jQuery的库,最新的下载可以到这里找到。这个指南提供一个基本包含实例的包供下载.Hello jQuery在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了:$(document).ready(function() {
    // do stuff when DOM is ready
    });放一个简单的alert事件在需要等DOM完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时显示一个alert.$(document).ready(function() {
    $("a").click(function() {
    alert("Hello world!");
    });
    });这样在你点击页面的一个链接时都会触发这个"Hello world"的提示。(译者Keel注:请照此代码修改custom.js并保存,然后用浏览器打开starterkit.html观察效果。)让我们看一下这些修改是什么含义。$("a") 是一个jQuery选择器(selector),在这里,它选择所有的a标签(译者Keel注:即<a></a>),$号是 jQuery “类”(jQuery "class")的一个别称,因此$()构造了一个新的jQuery 对象(jQuery object)。函数 click() 是这个jQuery对象的一个方法,它绑定了一个单击事件到所有选中的标签(这里是所有的a标签),并在事件触发时执行了它所提供的alert方法.这里有一个拟行相似功能的代码:<a href="#" onclick="alert('Hello world')">Link</a>不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档 (JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样.
      

  6.   

    Jquery的确简化了许多工作量,LZ把JS学好就行了,
      

  7.   


    <html>
    <body>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <input type='button' id='btn' value='click me' />
    <script>    $("#btn").click(function () { 
          alert('HELLO WORLD'); 
        });
    </script>
    </body> <html>