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 相关文章推荐
asp 的 分词实现代码
May 24 Javascript
禁止你的左键复制实用技巧
Jan 04 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
Dec 12 Javascript
jQuery判断对象是否存在的方法
Feb 05 Javascript
js+jquery常用知识点汇总
Mar 03 Javascript
JavaScript函数柯里化详解
Apr 29 Javascript
Laravel中常见的错误与解决方法小结
Aug 30 Javascript
基于JS设计12306登录页面
Dec 28 Javascript
老生常谈combobox和combotree模糊查询
Apr 17 Javascript
AngularJS改变元素显示状态
Apr 20 Javascript
vue使用video.js进行视频播放功能
Jul 18 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
Oct 30 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
php.ini中date.timezone设置分析
2011/07/29 PHP
PHP写日志的实现方法
2014/11/05 PHP
php实现概率性随机抽奖代码
2016/01/02 PHP
php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)
2016/05/09 PHP
使用jquery操作session方法分享
2015/01/22 Javascript
关于js里的this关键字的理解
2015/08/17 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
浅谈jQuery添加的HTML,JS失效的问题
2016/10/05 Javascript
vue.js利用defineProperty实现数据的双向绑定
2017/04/28 Javascript
微信小程序调用PHP后台接口 解析纯html文本
2017/06/13 Javascript
红黑树的插入详解及Javascript实现方法示例
2018/03/26 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
vue2.0 实现富文本编辑器功能
2019/05/26 Javascript
JS document内容及样式操作完整示例
2020/01/14 Javascript
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
[01:01:22]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
介绍Python的@property装饰器的用法
2015/04/28 Python
python 添加用户设置密码并发邮件给root用户
2016/07/25 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
在django模板中实现超链接配置
2019/08/21 Python
通过cmd进入python的步骤
2020/06/16 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
为什么如下的代码int a=100,b=100;long int c=a * b;不能工作
2013/11/29 面试题
关于打架的检讨书
2014/01/17 职场文书
赡养老人协议书
2014/04/21 职场文书
办理信用卡收入证明范例
2014/09/13 职场文书
业务员工作态度散漫检讨书
2014/11/02 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
升职自荐信范文
2015/03/27 职场文书
Oracle数据库事务的开启与结束详解
2022/06/25 Oracle
Win10服务主机占用内存怎么办?Win10服务主机进程占用大量内存解决方法
2022/09/23 数码科技