JQuery——那些当时我想不到的知识点

 

1. 选择自己

    <div id="wai">
        外部
        <span> span wai</span>
        <div id="nei">
            内部
            <span>span nei</span>
        </div>
    </div>

  $("#wai").html();

他只是选择了  { 外部 <span> span wai</span> <div id="nei"> 内部 <span>span nei</span> </div>}   这一部分。

$("#wai")[0].outerHTML;

$("#wai").get(0).outerHTML;

这样选择的DOM元素就包括自己了 <div id="wai">……</div>

 

2. 在指定范围内查找

$("#nei span").html();  //最慢

$("span","#nei").html(); // JQuery从内部将它转化成第三种

$("#nei").find("span").html(); //最快

三个效果一样，都是在 #nei 里面查找span。但是查找效率从上到下，依次增高，也就是说，find() 速度最快。

 

 3. 禁止右键菜单

  $(document).bind("contextmenu", function (e) {
       return false;
  });

 

 4. 获得事件源

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function eve(event) {
            var asd = $(event.target).text();//获得点击标签的文本
            alert(asd);
        }
    </script>
</head>
<body>
<div onclick="eve(event)">div1</div>
<div onclick="eve(event)">div2</div>
</body>
</html>

因为项目中的html代码都是通过ajax向后台请求得到的，不知道这种办法之前，我都是通过先在需要事件的处理的标签加上class属性，然后通过

$(".class").click(function(){

　　$("this")  …… //处理事件源

})
来处理事件源的，知道有上面的方法，就是想不起来怎么用，今天突然想起来，记录一下吧！O(∩_∩)O~

 

 

 

 

posted @ 2012-12-07 16:48  子夏子  阅读(435)  评论(0)  编辑  收藏  举报
yokoboy