• js常用方法(转)


    js方法小结:Val(),append(),get(),split(),substr(),each(),html(),keyup(),trim(),show(),hide(),indexOf()

    一个一个来看:

    Val():来对一个页面元素进行取值和赋值

    取值:var result = $(“#txtSearch”).val();

    赋值:$(“#txtSearch”).val(result);

     

    Each():对一个集合的操作,对集合里面的每一个元素进行后面的方法调用,例如:

    $.each(data.list, function (i, item) {

            Alert(item["WikiTitle"]”+” item["WikiID"]);//i是集合的元素下表,item代表元素本身

    });

     

    Append():在指定的页面元素后面追加元素

    比如一个列表元素<li>test!</li>,像这样的页面元素就可以通过append方法来动态添加多个<li>项例如:

    页面里面有一个id="div_keycontent"的div: <div id="div_keycontent"></div>

    Js里面就可以这样写:

    $.each(data.list, function (i, item) {

        $("#div_keycontent").append("<li>" + item["WikiTitle"] + "&nbsp;<a href=\"Read/" + item["WikiID"] + "\" >查看</a>" + "</li>");

    });

     

    Get():在页面上异步获取数据,这种方式是异步绑定的形式,在我的前面的文章里面有交代,这里就不说了吧。

     

    Spilt():对字符串进行操作例如:

    Var str = spit(“liu,ming,feng”,”,”);

    这样返回的str就是一个字符串数组:{“liu”,”ming”,”feng”}

     

    Substr();对字符串操作的,去里面的子字符串

    用法:

    ///判断最后一个字符是否为逗号

    if (str.substring(str.length - 1, str.length) == "," || str.substring(str.length - 1, str.length) == ","){

        alert(“最后一个字符是逗号!”);

    }

     

    Html():修改一个html的标签的内容,例如:

    $("#div_keycontent").html("<p>没有数据</p>");

     

    Keyup();键盘按下弹起触发的方法

    $("#txtSearchKey").keyup(function () {

        $("#div_keycontent").html("<p>数据检索中....</p>");

    });

     

    Trim():去掉字符串的首尾空格

    用法:str.trim();

     

    Show():让页面元素显示例如:$("#txtSearchKey").show();

    Hide():隐藏页面的元素例如:$("#txtSearchKey").hide();

     

    Indexof():查看字符串的中是否有对应的子字符串

    用法:

    if (str.indexOf(',,') != -1 || str.indexOf(',,') != -1) {///判断是否有连逗号

                    alert(“有两个逗号连用!”);

    }

  • 相关阅读:
    redis在redhat上的的安装和登录
    redis主从复制以及数据同步的原理
    redis持久化的认识和使用注意点
    redis慢查询的简单认识和事务、订阅的认识
    第三章redis键的管理以及操作认知
    第二章redis数据类型的使用和介绍
    第一章 redis学习的简单介绍和简单的功能使用
    mysql第一次学习和使用
    第七章 mysql 事务索引以及触发器,视图等等,很重要又难一点点的部分
    第六章 MySQL 查询
  • 原文地址:https://www.cnblogs.com/BlackRian/p/2093017.html
Copyright © 2020-2023  润新知