欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js的一些常用方法小结_基础知识

程序员文章站 2022-05-03 13:18:19
...
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():在指定的页面元素后面追加元素
比如一个列表元素
  • test!
  • ,像这样的页面元素就可以通过append方法来动态添加多个
  • 项例如:
    页面里面有一个id="div_keycontent"的div:
    Js里面就可以这样写:
    $.each(data.list, function (i, item) {
    $("#div_keycontent").append("
  • " + item["WikiTitle"] + " 查看" + "
  • ");
    });

    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("

    没有数据

    ");

    Keyup();键盘按下弹起触发的方法
    $("#txtSearchKey").keyup(function () {
    $("#div_keycontent").html("

    数据检索中....

    ");
    });

    Trim():去掉字符串的首尾空格
    用法:str.trim();

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

    Indexof():查看字符串的中是否有对应的子字符串
    用法:
    if (str.indexOf(',,') != -1 || str.indexOf(',,') != -1) {///判断是否有连逗号
    alert(“有两个逗号连用!”);
    }
    相关标签: 常用方法