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 相关文章推荐
Mootools 1.2教程 选项卡效果(Tabs)
Sep 15 Javascript
jquery 操作DOM的基本用法分享
Apr 05 Javascript
使表格的标题列可左右拉伸jquery插件封装
Nov 24 Javascript
jQuery如何防止这种冒泡事件发生
Feb 27 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
Oct 10 Javascript
ES6新特性三: Generator(生成器)函数详解
Apr 21 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
React Native日期时间选择组件的示例代码
Apr 27 Javascript
JS限制输入框输入的实现代码
Jul 02 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 Javascript
解决vue组件props传值对象获取不到的问题
Jun 06 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 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
PhpMyAdmin出现export.php Missing parameter: what /export_type错误解决方法
2012/08/09 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
PHP数据库连接mysql与mysqli对比分析
2016/01/04 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
2017/05/23 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
学习YUI.Ext 第二天
2007/03/10 Javascript
Mootools 1.2教程 正则表达式
2009/09/15 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
2014/08/27 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
JS中from 表单序列化提交的代码
2017/01/20 Javascript
vue+webpack实现异步组件加载的方法
2018/02/03 Javascript
十分钟教你上手ES2020新特性
2020/02/12 Javascript
Node.js API详解之 dgram模块用法实例分析
2020/06/05 Javascript
[01:51]历届DOTA2国际邀请赛举办地回顾 TI9落地上海
2018/08/26 DOTA
[48:31]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第一场 2月2日
2021/03/11 DOTA
浅析python 中__name__ = '__main__' 的作用
2014/07/05 Python
Python实现两个list对应元素相减操作示例
2017/06/09 Python
Python使用当前时间、随机数产生一个唯一数字的方法
2017/09/18 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
浅谈pycharm下找不到sqlalchemy的问题
2018/12/03 Python
使用python实现简单五子棋游戏
2019/06/18 Python
libreoffice python 操作word及excel文档的方法
2019/07/04 Python
Django 拆分model和view的实现方法
2019/08/16 Python
Django中的AutoField字段使用
2020/05/18 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
泰国网上购物:Shopee泰国
2018/09/14 全球购物
mysql有关权限的表都有哪几个
2015/04/22 面试题
JSP&Servlet技术面试题
2015/05/21 面试题
参观考察邀请函范文
2014/01/29 职场文书
人事部专员岗位职责
2014/03/04 职场文书
中式婚礼主持词
2014/03/13 职场文书
担保书范本
2015/01/20 职场文书
运动会广播稿20字
2015/08/19 职场文书
致运动员的广播稿
2015/08/19 职场文书
Golang 实现WebSockets
2022/04/24 Golang