• js的一些常用方法


    虽然我是做c#开发的,但是做实际工作中,少不了用到一些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(“有两个逗号连用!”);

    }

  • 相关阅读:
    PHP版本VC6与VC9/VC11/VC14、Thread Safe与None-Thread Safe等的区别
    Django 开发------django-crontab实现服务端的定时任务
    django HTML 数据处理
    HTML 罗盘式时钟
    Tcpdump 常用命令、参数记录
    jquery 实现 <imput>标签 密码框显示/隐藏密码功能
    Django 实现分页功能(django 2.2.7 python 3.7.5 )
    bootstrap 4 学习笔记
    IIS属性解析
    IIS站点权限设置
  • 原文地址:https://www.cnblogs.com/lmfeng/p/2092062.html
Copyright © 2020-2023  润新知