js的一些常用方法
2011-06-28 11:21
309 查看
虽然我是做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"] + " <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(“有两个逗号连用!”);
}
一个一个来看:
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(“有两个逗号连用!”);
}
相关文章推荐
- 自己整理的一些开发时候常用的js方法封装
- 常用的js方法,包括表单校验的一些方法,下拉菜单常用的方法等等
- JS字符串的一些常用方法
- 22、vue.js 之常用的一些数据处理方法
- 常用的兼容IE和火狐FF等浏览器的js方法(js中ie和火狐的一些差别)
- JS常用方法的一些总结一
- js中常用的一些方法收集
- js中数组Array的一些常用方法总结
- 原生js仿jquery一些常用方法
- 一些常用的原生js方法(函数)
- js中数组Array的一些常用方法总结
- js的一些常用方法小结
- js一些常用方法
- 原生js仿jquery一些常用方法(必看篇)
- 常用的js方法,包括表单校验的一些方法,下拉菜单常用的方法
- 原生JS操作DOM的一些常用方法集合【转】
- js中数组Array的一些常用方法总结
- JS字符串的一些常用方法
- 浅析JS操作DOM的一些常用方法
- js 字符串的一些常用方法