js的一些常用方法小结


Posted in Javascript onJune 29, 2011

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(“有两个逗号连用!”);
}

Javascript 相关文章推荐
用js实现的自定义的对话框的实现代码
Mar 21 Javascript
JavaScript模板入门介绍
Sep 26 Javascript
Js中获取frames中的元素示例代码
Jul 30 Javascript
javascript操作数组详解
Dec 17 Javascript
javascript批量修改文件编码格式的方法
Jan 27 Javascript
微信小程序 教程之模板
Oct 18 Javascript
javascript实现无法关闭的弹框
Nov 27 Javascript
vuejs实现递归树型菜单组件
Jan 13 Javascript
vue如何将v-for中的表格导出来
May 07 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
Jan 29 Javascript
Javascript新手入门之字符串拼接与变量的应用
Dec 03 Javascript
微信小程序中wxs文件的一些妙用分享
Feb 18 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 #Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 #Javascript
javascript复制对象使用说明
Jun 28 #Javascript
javascript 45种缓动效果 非常酷
Jun 28 #Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 #Javascript
关于js类的定义
Jun 28 #Javascript
js 编程笔记 无名函数
Jun 28 #Javascript
You might like
MySQL授权问题总结
2007/05/06 PHP
YII实现分页的方法
2014/07/09 PHP
php正则匹配html中带class的div并选取其中内容的方法
2015/01/13 PHP
必须收藏的php实用代码片段
2016/02/02 PHP
Yii+upload实现AJAX上传图片的方法
2016/07/13 PHP
mac下多个php版本快速切换的方法
2016/10/09 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
List the Codec Files on a Computer
2007/06/11 Javascript
Div Select挡住的解决办法
2008/08/07 Javascript
js判断为空Null与字符串为空简写方法
2014/02/24 Javascript
window.location的重写及判断location是否被重写
2014/09/04 Javascript
JS中微信小程序自定义底部弹出框
2016/12/22 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
Windows下Node.js安装及环境配置方法
2017/09/18 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
详解webpack的proxyTable无效的解决方案
2018/06/15 Javascript
Postman如何实现参数化执行及断言处理
2020/07/28 Javascript
[01:00:06]加油DOTA_EP01_网络版
2014/08/09 DOTA
python在命令行下使用google翻译(带语音)
2014/01/16 Python
深入浅析Python中的yield关键字
2018/01/24 Python
python3 小数位的四舍五入(用两种方法解决round 遇5不进)
2019/04/11 Python
Python爬虫爬取Bilibili弹幕过程解析
2019/10/10 Python
将labelme格式数据转化为标准的coco数据集格式方式
2020/02/17 Python
来自圣地亚哥的实惠太阳镜:Knockaround
2018/08/27 全球购物
REN Clean Skincare官网:英国本土有机护肤品牌
2019/02/23 全球购物
澳大利亚在线购买葡萄酒:The Wine Collective
2020/02/20 全球购物
说明书范文
2014/05/07 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
第二批党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
幼儿园大班教师个人总结
2015/02/05 职场文书
个性与发展自我评价
2015/03/06 职场文书
一小时学会TensorFlow2之基本操作2实例代码
2021/09/04 Python
Java实现经典游戏泡泡堂的示例代码
2022/04/04 Java/Android
MySQL提升大量数据查询效率的优化神器
2022/07/07 MySQL