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 验证表单(form)中的单选(radio)值
Sep 08 Javascript
javaScript parseInt字符转化为数字函数使用小结
Nov 05 Javascript
基于jQuery的仿flash的广告轮播
Nov 05 Javascript
简单谈谈Javascript中类型的判断
Oct 19 Javascript
基于jquery实现即时检查格式是否正确的表单
May 06 Javascript
8 行 Node.js 代码实现代理服务器
Dec 05 Javascript
基于Javascript倒计时效果
Dec 22 Javascript
jquery DataTable实现前后台动态分页
Jun 17 jQuery
Angularjs的$http异步删除数据详解及实例
Jul 27 Javascript
JavaScript与Java正则表达式写法的区别介绍
Aug 15 Javascript
windows实现npm和cnpm安装步骤
Oct 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
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
php实现的通用图片处理类
2015/03/24 PHP
10款实用的PHP开源工具
2015/10/23 PHP
PHP 返回13位时间戳的实现代码
2016/05/13 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
JS获取DropDownList的value值与text值的示例代码
2014/01/07 Javascript
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
浅谈jquery回调函数callback的使用
2015/01/30 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
2016/05/13 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
2016/12/06 Javascript
Canvas 制作动态进度加载水球详解及实例代码
2016/12/09 Javascript
vue-router 中router-view不能渲染的解决方法
2017/05/23 Javascript
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
Python两个整数相除得到浮点数值的方法
2015/03/18 Python
python使用cStringIO实现临时内存文件访问的方法
2015/03/26 Python
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
python通过get,post方式发送http请求和接收http响应的方法
2015/05/26 Python
从请求到响应过程中django都做了哪些处理
2018/08/01 Python
Python采集猫眼两万条数据 对《无名之辈》影评进行分析
2018/12/05 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
python实现在内存中读写str和二进制数据代码
2020/04/24 Python
CSS3实现歌词进度文字颜色填充变化动态效果的思路详解
2020/06/02 HTML / CSS
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
建筑安全责任书范本
2014/07/24 职场文书
幼儿园大班开学寄语
2014/08/02 职场文书
2016高考寄语集锦
2015/12/04 职场文书
2016年三八红旗手先进事迹材料
2016/02/26 职场文书
python如何在word中存储本地图片
2021/04/07 Python
golang 在windows中设置环境变量的操作
2021/04/29 Golang
详解Python函数print用法
2021/06/18 Python
Spring Boot 底层原理基础深度解析
2022/04/03 Java/Android
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android