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代码
Oct 09 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
JS上传前预览图片实例
Mar 25 Javascript
JS Loading功能的简单实现
Nov 29 Javascript
javascript实现五星评价代码(源码下载)
Aug 11 Javascript
鼠标悬停小图标显示大图标
Jan 22 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
Jan 08 Javascript
实现一个简单的vue无限加载指令方法
Jan 10 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
详解vue 自定义marquee无缝滚动组件
Apr 09 Javascript
微信小程序自定义多列选择器使用详解
Jun 21 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关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
PHP输出图像imagegif、imagejpeg与imagepng函数用法分析
2016/11/14 PHP
phpcms实现验证码替换及phpcms实现全站搜索功能教程详解
2017/12/13 PHP
PHP+iframe模拟Ajax上传文件功能示例
2019/07/02 PHP
PHP $O00OO0=urldecode &amp; eval 解密,记一次商业源码的去后门
2020/09/13 PHP
javascript计算用户打开网页的停留时间
2014/01/09 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
2015/02/13 Javascript
原生javascript实现匀速运动动画效果
2016/02/26 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
JavaScript表单验证完美代码
2017/03/02 Javascript
Bootstrap多级菜单的实现代码
2017/05/23 Javascript
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
2017/12/14 Javascript
vue 检测用户上传图片宽高的方法
2020/02/06 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
Python3.x版本中新的字符串格式化方法
2015/04/24 Python
全面了解python中的类,对象,方法,属性
2016/09/11 Python
新手如何快速入门Python(菜鸟必看篇)
2017/06/10 Python
Python走楼梯问题解决方法示例
2018/07/25 Python
Python中应该使用%还是format来格式化字符串
2018/09/25 Python
python 构造三维全零数组的方法
2018/11/12 Python
python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案
2020/02/18 Python
Django --Xadmin 判断登录者身份实例
2020/07/03 Python
python 如何利用argparse解析命令行参数
2020/09/11 Python
python搜索算法原理及实例讲解
2020/11/18 Python
巴西最大的运动品牌:Olympikus
2020/07/14 全球购物
经济与贸易专业应届生求职信
2013/11/19 职场文书
英语简历自我评价
2014/01/26 职场文书
女儿十岁生日答谢词
2014/01/27 职场文书
人力资源主管岗位职责
2014/01/29 职场文书
用人单位聘用意向书
2015/05/11 职场文书
2015年党小组工作总结
2015/05/26 职场文书
Mysql Online DDL的使用详解
2021/05/20 MySQL
MySQL索引失效的典型案例
2021/06/05 MySQL