首頁  >  文章  >  web前端  >  js的一些常用方法小结_基础知识

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

WBOY
WBOY原創
2016-05-16 18:05:28719瀏覽

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(“有两个逗号连用!”);
    }
    陳述:
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn