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 获取LI里的内容
Dec 17 Javascript
浅谈Javascript事件模拟
Jun 27 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 Javascript
js 控制页面跳转的5种方法
Sep 09 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
Feb 24 Javascript
javascript进行四舍五入方法汇总
Dec 16 Javascript
深入探密Javascript数组方法
Jan 08 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
Oct 29 Javascript
jquery.zclip轻量级复制失效问题
Jan 08 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
Dec 05 Javascript
微信小程序图片左右摆动效果详解
Jul 13 Javascript
详解node.js创建一个web服务器(Server)的详细步骤
Jan 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
php pack与unpack 摸板字符字符含义
2009/10/29 PHP
php中使用接口实现工厂设计模式的代码
2012/06/17 PHP
PHP延迟静态绑定示例分享
2014/06/22 PHP
PHP实现对文本数据库的常用操作方法实例演示
2014/07/04 PHP
Yii2针对指定url的生成及图片等的引入方法小结
2016/07/18 PHP
PHP实现批量清空删除指定文件夹所有内容的方法
2017/05/30 PHP
Laravel框架文件上传功能实现方法示例
2019/04/16 PHP
js正则表达式验证邮件地址
2015/11/12 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
JavaScript的设计模式经典之代理模式
2016/02/24 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
2016/04/18 Javascript
JavaScript生成.xls文件的代码
2016/12/22 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
Vue.js实现一个todo-list的上移下移删除功能
2017/06/26 Javascript
node实现定时发送邮件的示例代码
2017/08/26 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
2018/07/05 Javascript
vue实现微信二次分享以及自定义分享的示例
2019/03/20 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
2020/05/20 Javascript
vue中选中多个选项并且改变选中的样式的实例代码
2020/09/16 Javascript
python通过colorama模块在控制台输出彩色文字的方法
2015/03/19 Python
Django admin实现图书管理系统菜鸟级教程完整实例
2017/12/12 Python
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
pandas中ix的使用详细讲解
2020/03/09 Python
python自动生成证件号的方法示例
2021/01/14 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
部队学习十八大感言
2014/01/11 职场文书
实习报告评语
2014/04/26 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
公安纪律作风整顿心得体会
2016/01/23 职场文书
《比的意义》教学反思
2016/02/18 职场文书
Redis延迟队列和分布式延迟队列的简答实现
2021/05/13 Redis