jquery学习笔记

  1、 一个id只能绑定一个事件。否则就会出错。

  　　大概就跟程序不能有歧义一样罢。如下代码，当点击first模块的时候。传给function的data就会为空。

  

$(document).ready(function(){
            var app = {
                runnable : function(log) {
                    console.log(log);
                    var menu_id = log.data.id;
                    console.log("4");
                    console.log(menu_id);
                },
                
                init1 : function(){
                    console.log("2");
                    $("#first").bind("click",app.runnalbe);
                    
                    var menus = ["#first","#second"];
                    for(index in menus){
                        $(menus[index]).bind("click",
                                             {'id' : menus[index]},
                                             app.runnable);    
                    }/*绑定多个按钮对应事件*/
                }    
            };
            console.log("1");
            app.init1();
            
        });

 2、siblings妙用。一种灵活的选择。选择同类。类似的还有选择父、后代等等。

    例如：

<div >
<p id = "first">dfaadfadf:Ballade Dream。</p>
<p id = "second">2010sdfasdgadsfasssssssssssssssssadsfadfa</p>
</div>

  要分清模块之间的关系。比如上面first跟second就是同胞。但是如果是下面的

  

<div >
<p id = "first">dfaadfadf:Ballade Dream。</p>
</div>
<div >
<p id = "second">2010sdfasdgadsfasssssssssssssssssadsfadfa</p>
</div>

   first跟second就不是同胞关系了。。