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 相关文章推荐
cookie.js 加载顺序问题怎么才有效
Jul 31 Javascript
JavaScript语言核心数据类型和变量使用介绍
Aug 23 Javascript
Javascript 遍历页面text控件详解
Jan 06 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
Jan 08 Javascript
javascript中数组的多种定义方法和常用函数简介
May 09 Javascript
JavaScript判断是否为数组的3种方法及效率比较
Apr 01 Javascript
详解JavaScript中的every()方法
Jun 08 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
Aug 15 Javascript
JS生成不重复的随机数组的简单实例
Jul 10 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
Jul 22 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
Dec 29 Javascript
ES6 十大特性简介
Dec 09 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的FIND_IN_SET函数使用方法分享
2012/03/27 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
动态加载js文件 document.createElement
2006/10/14 Javascript
jquery模拟按下回车实现代码
2011/09/20 Javascript
xml转json的js代码
2012/08/28 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
JQuery对class属性的操作实现按钮开关效果
2013/10/11 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
2014/05/28 Javascript
Angular用来控制元素的展示与否的原生指令介绍
2015/01/07 Javascript
javascript实现跨域的方法汇总
2015/06/25 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
2016/04/11 Javascript
jQuery自定义插件详解及实例代码
2016/12/29 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
2017/08/14 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
小程序文字跑马灯效果
2018/12/28 Javascript
JSX在render函数中的应用详解
2019/09/04 Javascript
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
layui table 表格上添加日期控件的两种方法
2019/09/28 Javascript
让mocha支持ES6模块的方法实现
2020/01/14 Javascript
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
Python实现将绝对URL替换成相对URL的方法
2015/06/28 Python
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
python实现自动发送邮件
2018/06/20 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
python如何操作mysql
2020/08/17 Python
python利用tkinter实现图片格式转换的示例
2020/09/28 Python
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
学习党课思想汇报
2013/12/29 职场文书
售房委托书
2014/08/30 职场文书
2014国庆节演讲稿:祖国在我心中(400字)
2014/09/25 职场文书
先进工作者事迹材料
2014/12/23 职场文书