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基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
Aug 05 Javascript
Javascript加载速度慢的解决方案
Mar 11 Javascript
javascript中几个容易混淆的概念总结
Apr 14 Javascript
js实现简单div拖拽功能实例
May 12 Javascript
纯前端JavaScript实现Excel IO案例分享
Aug 26 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
Mar 13 Javascript
JS实现异步上传压缩图片
Apr 22 Javascript
vue bootstrap小例子一枚
Jun 09 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
Aug 08 jQuery
利用Vue实现移动端图片轮播组件的方法实例
Aug 23 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
Feb 15 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
如何做到多笔资料的同步
2006/10/09 PHP
Zend Framework教程之视图组件Zend_View用法详解
2016/03/05 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
PHP微信开发之微信录音临时转永久存储
2018/01/26 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
nodejs通过phantomjs实现下载网页
2015/05/04 NodeJs
基于jQuery实现返回顶部实例代码
2016/01/01 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
举例讲解Python中装饰器的用法
2015/04/27 Python
Python实现遍历目录的方法【测试可用】
2017/03/22 Python
深入了解Python中pop和remove的使用方法
2018/01/09 Python
python得到windows自启动列表的方法
2018/10/14 Python
python pandas时序处理相关功能详解
2019/07/03 Python
Python获取二维数组的行列数的2种方法
2020/02/11 Python
Python 炫技操作之合并字典的七种方法
2020/04/10 Python
Python+Dlib+Opencv实现人脸采集并表情判别功能的代码
2020/07/01 Python
Python3爬虫中关于Ajax分析方法的总结
2020/07/10 Python
python时间序列数据转为timestamp格式的方法
2020/08/03 Python
pycharm 实现调试窗口恢复
2021/02/05 Python
css3制作彩色边线3d立体按钮的示例(css3按钮)
2014/05/06 HTML / CSS
英国蛋糕装饰用品一站式商店:Craft Company
2019/03/18 全球购物
室内设计实习自我鉴定
2013/09/25 职场文书
挂职思想汇报
2013/12/31 职场文书
早餐连锁店计划书
2014/01/08 职场文书
软环境建设心得体会
2014/09/09 职场文书
县委常委班子对照检查材料思想汇报
2014/09/28 职场文书
销售员工作检讨书(推荐篇)
2014/10/18 职场文书
个人贷款收入证明
2014/10/26 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
初中思品教学反思
2016/02/20 职场文书
Java实现房屋出租系统详解
2021/10/05 Java/Android