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动态绑定事件的简单实现代码
Dec 25 Javascript
JQuery中对Select的option项的添加、删除、取值
Aug 25 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
Chrome扩展页面动态绑定JS事件提示错误
Feb 11 Javascript
一个js过滤空格的小函数
Oct 10 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
Aug 02 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
详解Webpack-dev-server的proxy用法
Sep 08 Javascript
vue递归获取父元素的元素实例
Aug 07 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 Javascript
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
Apr 19 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
ADODB结合SMARTY使用~超级强
2006/11/25 PHP
php插入中文到sqlserver 2008里出现乱码的解决办法分享
2012/07/19 PHP
解析link_mysql的php版
2013/06/30 PHP
PHP中把有符号整型转换为无符号整型方法
2015/05/27 PHP
Laravel事件监听器用法实例分析
2019/03/12 PHP
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
js multiple全选与取消全选实现代码
2012/12/04 Javascript
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
jquery live()重复绑定的解决方法介绍
2014/01/03 Javascript
javascript实现2048游戏示例
2014/05/04 Javascript
使用jquery解析XML示例代码
2014/09/05 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
2015/08/26 Javascript
Angular2表单自定义验证器的实现
2016/10/19 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
详解webpack babel的配置
2018/01/09 Javascript
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
2018/09/28 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
[42:27]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第三局
2016/03/05 DOTA
Python检测网站链接是否已存在
2016/04/07 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
TensorFlow实现Batch Normalization
2018/03/08 Python
替换python字典中的key值方法
2018/07/06 Python
Django 路由系统URLconf的使用
2018/10/11 Python
Python-for循环的内部机制
2020/06/12 Python
美国家居装饰和豪华家具购物网站:One Kings Lane
2018/12/24 全球购物
茶叶店创业计划书范文
2014/01/19 职场文书
幼儿园大班评语大全
2014/04/17 职场文书
公务员政审单位鉴定材料
2014/05/16 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
2016年第16个全民国防教育日宣传活动总结
2016/04/05 职场文书
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis
学会Python数据可视化必须尝试这7个库
2021/06/16 Python
HTML常用标签超详细整理
2022/03/19 HTML / CSS
Java 获取Word中所有的插入和删除修订的方法
2022/04/06 Java/Android