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 相关文章推荐
轻轻松松学习JavaScript
Feb 25 Javascript
在Windows上安装Node.js模块的方法
Sep 25 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
Apr 01 Javascript
聊一聊JavaScript作用域和作用域链
May 03 Javascript
jquery 动态增加删除行的简单实例(推荐)
Oct 12 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
JavaScript正则表达式的贪婪匹配和非贪婪匹配
Sep 05 Javascript
vue中路由验证和相应拦截的使用详解
Dec 13 Javascript
vue移动端UI框架实现QQ侧边菜单组件
Mar 09 Javascript
Vue.js实现表格渲染的方法
Sep 07 Javascript
Vue从TodoList中学父子组件通信
Feb 05 Javascript
JavaScript中的各种宽高属性的实现
May 08 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设计模式之命令模式使用示例
2014/03/02 PHP
php中删除、清空session的方式总结
2015/10/09 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
PHP观察者模式定义与用法实例分析
2019/03/22 PHP
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
简单了解JavaScript操作XPath的一些基本方法
2016/06/03 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
2017/05/03 Javascript
谈谈JS中的!!
2017/12/07 Javascript
Vue自定义弹窗指令的实现代码
2018/08/13 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
2018/10/29 Javascript
javascript实现5秒倒计时并跳转功能
2019/06/20 Javascript
Angular8 Http拦截器简单使用教程
2019/08/20 Javascript
vue 实现走马灯效果
2019/10/28 Javascript
Vue实现简单计算器
2021/01/20 Vue.js
[01:51]DAC趣味视频-如何成为职业选手.mp4
2017/04/02 DOTA
[48:00]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第二场 11.04
2020/11/04 DOTA
Python中的支持向量机SVM的使用(附实例代码)
2019/06/26 Python
使用Python实现跳一跳自动跳跃功能
2019/07/10 Python
解决Python3 抓取微信账单信息问题
2019/07/19 Python
如何通过python实现全排列
2020/02/11 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
Html5页面点击遮罩层背景关闭遮罩层
2020/11/30 HTML / CSS
澳大利亚家具和家居用品购物网站:Zanui
2018/12/29 全球购物
实现中国梦思想汇报2014
2014/09/13 职场文书
个人查摆问题整改措施
2014/10/04 职场文书
教师调动申请报告
2015/05/18 职场文书
Redis安装启动及常见数据类型
2021/04/14 Redis
vue实现无缝轮播效果(跑马灯)
2021/05/14 Vue.js
Matplotlib绘制混淆矩阵的实现
2021/05/27 Python
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python
Echarts如何重新渲染实例详解
2022/05/30 Javascript