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 相关文章推荐
学习YUI.Ext 第三天
Mar 10 Javascript
用dtree实现树形菜单 dtree使用说明
Oct 17 Javascript
javaScript如何生成xmlhttp
Dec 16 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
May 23 Javascript
JavaScript不刷新实现浏览器的前进后退功能
Nov 05 Javascript
javascript操作select元素实例分析
Mar 27 Javascript
pace.js页面加载进度条插件
Sep 29 Javascript
限制复选框最多选择项的实现代码
May 30 Javascript
JavaScript生成带有缩进的表格代码
Jun 15 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
Jun 21 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
May 09 Javascript
VUE : vue-cli中去掉路由中的井号#操作
Sep 04 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 静态属性和静态方法区别详解
2017/04/09 PHP
PHP CURL实现模拟登陆并上传文件操作示例
2020/01/02 PHP
PHP实现文件上传与下载
2020/08/28 PHP
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
jquery处理页面弹出层查询数据等待操作实例
2015/03/25 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
响应式表格之固定表头的简单实现
2016/08/26 Javascript
jquery表单验证实例仿Toast提示效果
2017/03/03 Javascript
angularjs中使用ng-bind-html和ng-include的实例
2017/04/28 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
2018/09/12 Javascript
浅谈JavaScript 代码整洁之道
2018/10/23 Javascript
微信小程序实现九宫格抽奖
2020/04/15 Javascript
详解JavaScript 中的批处理和缓存
2020/11/19 Javascript
[04:40]2016国际邀请赛中国区预选赛全程TOP10镜头集锦
2016/07/01 DOTA
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
Python中处理字符串的相关的len()方法的使用简介
2015/05/19 Python
对TensorFlow中的variables_to_restore函数详解
2018/07/30 Python
使用python实现快速搭建简易的FTP服务器
2018/09/12 Python
在Django中实现添加user到group并查看
2019/11/18 Python
Python超越函数积分运算以及绘图实现代码
2019/11/20 Python
Python ini文件常用操作方法解析
2020/04/26 Python
PyCharm上安装Package的实现(以pandas为例)
2020/09/18 Python
品质主管岗位职责
2014/03/16 职场文书
阳光体育活动实施方案
2014/05/25 职场文书
高中课程设置方案
2014/05/28 职场文书
篮球比赛拉拉队口号
2014/06/10 职场文书
乡镇党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
病人写给医生的感谢信
2015/01/23 职场文书
春节慰问简报
2015/07/21 职场文书
百年校庆感言
2015/08/01 职场文书
党校培训学习心得体会
2016/01/06 职场文书
2019教师的学习计划
2019/06/25 职场文书
导游词之河北滦平金山岭长城
2019/10/16 职场文书
python开发实时可视化仪表盘的示例
2021/05/07 Python
sql注入教程之类型以及提交注入
2021/08/02 MySQL