Heim > Web-Frontend > js-Tutorial > js的一些常用方法小结_基础知识

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

WBOY
Freigeben: 2016-05-16 18:05:28
Original
729 Leute haben es durchsucht

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(“有两个逗号连用!”);
    }
    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage