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~

  • 相关阅读:
    jquery 拼图小游戏
    重要参考SQL
    SQL Server save transaction
    SelectList类的构造函数
    一步步教你整合SSM框架(Spring MVC+Spring+MyBatis)详细教程重要
    springMVC,spring和Hibernate整合(重要)
    delphi环境变量
    C# Chart 点击获取当前点击坐标和Series
    如何修改 app.config 的配置信息
    C#中使用设置(Settings.settings) Properties.Settings.Default .(配置文件相当重要)
  • 原文地址:https://www.cnblogs.com/yokoboy/p/2807591.html
Copyright © 2011-2022 走看看