js的一些常用方法小结

265 阅读 0 评论 175 点赞

我是靠谱客的博主机智书包，最近开发中收集的这篇文章主要介绍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"] + " <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(“有两个逗号连用！”);
}