zoukankan      html  css  js  c++  java
  • 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~

  • 相关阅读:
    使用PHPMYADMIN添加新用户和数据库
    phpMyadmin用户权限中英对照
    Asp生成xml乱码解放方法
    SQL Server 错误日志
    安装VS2005 SP1时失败(错误 1718。文件被数字签名策略拒绝)的解决办法!
    CKEditor 3 JavaScript API Documentation
    CKEditor在.NET中的应用
    IIS 添加网站显示错误消息 “无更多可用的内存以更新安全信息” 解决方法
    jQuery 操作Cookie
    JavaScript/HTML格式化
  • 原文地址:https://www.cnblogs.com/yokoboy/p/2807591.html
Copyright © 2011-2022 走看看