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 相关文章推荐
JsEasy简介 JsEasy是什么?与下载
Mar 07 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
Aug 25 Javascript
js判断主流浏览器类型和版本号的简单实现代码
May 26 Javascript
jQuery Ajax File Upload实例源码
Dec 12 Javascript
jQuery插件版本冲突的处理方法分析
Jan 16 Javascript
js实现简易垂直滚动条
Feb 22 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
详解 vue better-scroll滚动插件排坑
Feb 08 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
Aug 06 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
Nov 11 Javascript
VUE项目axios请求头更改Content-Type操作
Jul 24 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
dedecms模版制作使用方法
2007/04/03 PHP
PHP 反射机制实现动态代理的代码
2008/10/22 PHP
php $_SERVER当前完整url的写法
2009/11/12 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
PHP简单实现记录网站访问量功能示例
2018/06/06 PHP
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
2010/07/13 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
Jquery中Event对象属性小结
2015/02/27 Javascript
深入理解Java线程编程中的阻塞队列容器
2015/12/07 Javascript
VueJs与ReactJS和AngularJS的异同点
2016/12/12 Javascript
JS解决移动web开发手机输入框弹出的问题
2017/03/31 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
js实现移动端导航点击自动滑动效果
2017/07/18 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
浅谈webpack+react多页面开发终极架构
2018/11/11 Javascript
js canvas实现画图、滤镜效果
2018/11/27 Javascript
详解关于webpack多入口热加载很慢的原因
2019/04/24 Javascript
用python + openpyxl处理excel2007文档思路以及心得
2014/07/14 Python
在Django的视图中使用数据库查询的方法
2015/07/16 Python
Python3对称加密算法AES、DES3实例详解
2018/12/06 Python
Python离线安装PIL 模块的方法
2019/01/08 Python
html5调用摄像头功能的实现代码
2018/05/07 HTML / CSS
详解canvas多边形(蜘蛛图)的画法示例
2018/01/29 HTML / CSS
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
英国经济型酒店品牌:Travelodge
2019/12/17 全球购物
财务部经理岗位职责
2014/02/03 职场文书
分公司总经理岗位职责
2014/07/30 职场文书
我的梦想演讲稿1000字
2014/08/21 职场文书
计划生育诚信协议书
2014/11/02 职场文书
继续教育个人总结
2015/03/03 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
宾馆前台接待岗位职责
2015/04/02 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
基层党支部承诺书
2015/04/30 职场文书
污水处理保证书
2015/05/09 职场文书
银行中层干部培训心得体会
2016/01/11 职场文书