Jquery学习笔记一

1. 体会jquery的口号:  Write Less,Do More

  $(function () {
  
            $("#mybutton").click(function () { alert($("#mytxt").val()) }); //点击按钮显示文本框的内容
            $("div").click(function(){$(this).hide("show")});  //隐藏层
        }
        )

 页面代码体:

   <body>
    <form id="form1" runat="server">
    <input  type="text" id="mytxt" />
    <input  type="button" id="mybutton" name="提交" value="按钮一"/>
    <div>
     爱我中国爱我中华,56个民族是一家
     爱我中华 爱我中国爱我中华,56个民族是一家
     爱我中华 爱我中国爱我中华,56个民族是一家
     爱我中华 爱我中国爱我中华,56个民族是一家
     爱我中华 爱我中国爱我中华,56个民族是一家
     爱我中华 爱我中国爱我中华,56个民族是一家
     爱我中华 爱我中国爱我中华,56个民族是一家
     爱我中华 爱我中国爱我中华,56个民族是一家
     爱我中华 爱我中国爱我中华,56个民族是一家
     爱我中华
     <fieldset>
       你是一个主,你是一个大竹,打住打住打住
     </fieldset>
    </div>
    </form>
</body>

 

2. 刚入门 $ 特殊的符号,很像C# 表达式,匿名函数

3.理解 ready 与 onload的区别,具体如下:

       // onload 所有图片,样式,脚本等页面的所有元素全部加载完,就触发
        // ready  只要页面对象 document创建完成之后,就触发
        $(document).ready(function () { alert("加载一次") });  //ready 多次注册事件中的函数
        $(document).ready(function () { alert("加载两次!") });  //ready 多次注册事件中的函数

        window.onload = function () {   //onload只能注册一次事件,最后一次
            alert("load1");
        }
        window.onload = function () {
            alert("load2");
        }

  4. 关于循环的语句

      $.map(arrayname,functionname)对数组中的每一个元素调用functionname 函数逐个进行处理,

       如果funationname函数有返回值,那么函数最后得到的新的一个数组。

       注意:$.map不能处理Dictionary风格的数据

       //        var arr = [3, 5, 8];
       //        var arr2 = $.map(arr, function (item) { return( item * 2) });

       //         alert(arr2); //新的数组

        $.each 出现了

        $.each(arrayname,functionname)  对数组arrayname的每一个functionnanme进行处理,没有返回值

       // var dict = { "tom": 20, "LiLei": 45 };
       // $.each(dict, function (key,value) { alert(key+"=="+value);});   //输出key==value的字符串

       // $.each(dict, function (key) { alert(key);});   //循环输出key的字符串

      // $.each(dict, function (value) { alert(value);});   //循环输出key的字符串

      // $.each(dict, function () { alert(this);});   //循环输出value的字符串

   

 

 

你可能感兴趣的:(Jquery学习笔记一)