JQquery的一些使用心得分享

2020-05-22 22:02:08易采站长站整理

});
}
}else{
$(“#msg_show”, window.parent.document).css(“display”, “none”);
}
}
});
}
var msgSelected = function(data) {
var href = “”;
var json;
eval(“json=”+data);
var msgId = json.MSGID;
var relationId = json.RELATIONID;
/*start—-write your logic*/
if (1 == relationId) {
href = “/usercenter/showWaitDiagnose.action?isOnClick=3”;
}
//……..
/*end—-*/
$.ajax( {
type : “post”,
url : “/msg/updateMsgStatue.action”,
data : “msgId=” + msgId,
success : function() {
parent.window.location.href = href;
}
});
}
}
function getMsg(){
new msgClass().getMessage();
}
$(document).ready(function(){
var msg = new msgClass();
msg.init();
msg.getMessage();
setInterval(“getMsg()”, 3000);
});

好吧,首先我得承认,我原以为我对jQuery的使用还过得去,可是经过昨天的工作,我才发现,原来,我才算是刚刚入门。好吧。下面,我简单讲一下,我昨天遇到的问题以及解决方案。
  1.从iframe中获取父窗口中的元素
    例如:获取父窗口中的body,以便可以动态的插入一些元素: $(“body”, window.parent.document)
       获取父窗口中主键为 identity 的元素 : $(“#identity”, window.parent.document)
    总结:$(selector, 你想要获取的窗口的document对象),以上!
  2.动态添加元素事件
    好吧。我先给出两种写法,你来想想那个是正确的。假设有一个JS方法: function fun(){….} 有html:<div id = “div1”></div> 为这个div添加一个onclick事件
    2.1 $(“#div1”).click(fun());
    2.2 $(“#div1”).click(function(){fun()});
    好啦,到底是2.1对还是2.2呢?
    想到了没有?正确的答案应该是2.2.不信的可以试一试。如果用2.1的方法,效果跟运行fun()这个方法是一样的。
  3.传参数的问题
    讲到了方法,就要讲一下参数的问题。假设我们有方法 function fun(a, b){….} 现在我在另一个方法里面调用2.2方法为div添加一个事件。
    例如:

    function fun1(){
      for(var i = 0; i < NUM; i++){
          var a = i;
          var b = i+1;
        $(“#div1”).click(function(){
          fun(a,b);
        });
      }
    }

    类似上面的例子,出现的问题就是:在fun方法中获取到的a和b的值跟你实际不一样。解决方法就是调用click的另一个方法。