zoukankan      html  css  js  c++  java
  • 前端常用

    HTML

    1、load加载其他页面

      $("#id").load("helloadworld.html");

    2、每10秒刷新一次页面

      <meta http-equiv="refresh" content="10" >

    3、5秒后,自动跳转到同目录下的hello.html页面

      <meta http-equiv="refresh" content="5,url=hello.html" >

    JS

    1、NaN

      "NaN"值非常特殊,因为它“不是数字”,所以任何数跟他都不相等,甚至NaN本身也不等于NaN

      可以使用:isNaN(str); 检查str是否为数值

    JQUERY

    1、animate动画

     $("div").animate({left:"+=500px"},3000);
    
      //3秒内向右移动500px;

    2、判断复选框是否选中

    $xxx.is(":checked");

    3、复制节点:Object.clone();

    4、替换节点:object.replaceWith(object2);

    5、遍历节点:(获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上)

    <!DOCTYPE html>
    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <style>
      li { margin: 3px; padding: 3px; background: #EEEEEE; }
      li.hilight { background: yellow; }
    </style>
    </head>
    <body>
      <ul>
        <li><b>Click me!</b></li>
        <li>You can also <b>Click me!</b></li>
      </ul>
    <script>
      $( document ).bind("click", function( e ) {
        $( e.target ).closest("li").toggleClass("hilight");
      });
    </script>
    </body>
    </html>

    6、只执行一次的事件

      $("p").one("click",function(){...})

    7、得到事件类型:event.type

    8、得到触发事件的元素:event.target;

    9、获取光标相对页面的x/y坐标:  event.pageX  /  event.pageY

    10、判断元素是否存在

      if($("#id").length > 0)  或  if($("#id")[0])

    11、包裹节点

      object.wrap(object2)  //用object2包裹object

    12、截取字符串:  object.slice(n); //若n为负数,则从倒数第|n|个开始截取

    13、将对象的值序列化成字符串:  object.serialize(); 

      例如向后台提交表单

      $.param()方法是serialize()方法的核心,用来对一个数组或对象按照key/value进行序列化

    var obj = {a:1,b:2,c:3};
    var k = $.param(obj);
    alert(k); //输出a=1&b=2&c=3
  • 相关阅读:
    计算小于12的阶乘
    ubuntu下gvim启动出现gtk warning Invalid input string
    UBUNTU基础知识
    Ubuntu下创建软链接
    linux命令行介绍及使用(二)
    Ubuntu问题sudo: /etc/sudoers is mode 0640should be 0440的解决方法
    安装mp3插件
    Ubuntu下GTK的安装
    linux命令行介绍及使用(三)
    VB.NET中用GDI+画饼图
  • 原文地址:https://www.cnblogs.com/ywang/p/5942398.html
Copyright © 2011-2022 走看看