zoukankan      html  css  js  c++  java
  • 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(“有两个逗号连用!”);

    }

  • 相关阅读:
    CCDictionary 用调试器查看问题
    博客 小记
    cocos2d-x 调试问题
    string知识
    静动态库
    fedora 20安装vim Transaction check error
    PyQt中ui编译成窗体.py,中文乱码
    centos编译安装vim7.4
    linux c驴杂记
    c++指针 c指针 改变值
  • 原文地址:https://www.cnblogs.com/lmfeng/p/2092062.html
Copyright © 2011-2022 走看看