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 相关文章推荐
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
Dec 08 Javascript
Javascript基础教程之switch语句
Jan 18 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
Oct 20 Javascript
Linux CentOS系统下安装node.js与express的方法
Apr 01 Javascript
浅谈Angular 观察者模式理解
Nov 01 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
Dec 12 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
Mar 28 Javascript
element-ui表格合并span-method的实现方法
May 21 Javascript
vue-socket.io接收不到数据问题的解决方法
May 13 Javascript
使用 UniApp 实现小程序的微信登录功能
Jun 09 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中的正规表达式(一)
2006/10/09 PHP
php 随机记录mysql rand()造成CPU 100%的解决办法
2010/05/18 PHP
PHP魔术引号所带来的安全问题分析
2014/07/15 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
php相对当前文件include其它文件的方法
2015/03/13 PHP
关于php中一些字符串总结
2016/05/05 PHP
Yii2.0预定义的别名功能小结
2016/07/04 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
2019/12/20 PHP
javascript 面向对象,实现namespace,class,继承,重载
2009/10/29 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
2016/07/22 Javascript
基于jQuery的select下拉框选择触发事件实例分析
2016/11/18 Javascript
js中string和number类型互转换技巧(分享)
2016/11/28 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
angularjs项目的页面跳转如何实现(5种方法)
2017/05/25 Javascript
vue 解决循环引用组件报错的问题
2018/09/06 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
2018/11/08 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
React实现评论的添加和删除
2020/10/20 Javascript
Python 实现字符串中指定位置插入一个字符
2018/05/02 Python
Python实现批量执行同目录下的py文件方法
2019/01/11 Python
PIL图像处理模块paste方法简单使用详解
2019/07/17 Python
新年福利来一波之Python轻松集齐五福(demo)
2020/01/20 Python
解决Pycharm中恢复被exclude的项目问题(pycharm source root)
2020/02/14 Python
Python基于类路径字符串获取静态属性
2020/03/12 Python
html5-Canvas可以在web中绘制各种图形
2012/12/26 HTML / CSS
品管员岗位职责
2013/11/10 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
车间主任岗位职责范本
2015/04/08 职场文书
证婚人致辞精选
2015/07/28 职场文书
Nginx服务器如何设置url链接
2021/03/31 Servers
golang 接口嵌套实现复用的操作
2021/04/29 Golang
Django实现翻页的示例代码
2021/05/24 Python
Java数组与堆栈相关知识总结
2021/06/29 Java/Android