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 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
js跨域问题浅析及解决方法优缺点对比
Nov 08 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
被遗忘的javascript的slice() 方法
Apr 20 Javascript
vue-resourse将json数据输出实例
Mar 08 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
javascript 中的try catch应用总结
Apr 01 Javascript
js模拟支付宝密码输入框
Apr 11 Javascript
jQuery操作之效果详解
May 19 jQuery
详解Node.js 命令行程序开发教程
Jun 07 Javascript
微信小程序制作扭蛋机代码实例
Sep 24 Javascript
微信小程序实现左滑删除效果
Nov 18 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
浅析SVN常见问题及解决方法
2013/06/21 PHP
PHP生成随机密码类分享
2014/06/25 PHP
php防止sql注入简单分析
2015/03/18 PHP
php使用MySQL保存session会话的方法
2015/06/18 PHP
让你的PHP7更快之Hugepage用法分析
2016/05/31 PHP
关于this和self的使用说明
2010/08/01 Javascript
js选项卡的实现方法
2015/02/09 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
JavaScript 最佳实践:帮你提升代码质量
2016/12/03 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
Nodejs进阶:express+session实现简易登录身份认证
2017/04/24 NodeJs
vue微信分享 vue实现当前页面分享其他页面
2017/12/02 Javascript
JavaScript生成指定范围的时间列表
2018/03/19 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
2018/12/03 Javascript
vue弹出框组件封装实例代码
2019/10/31 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
jquery插件实现轮播图效果
2020/10/19 jQuery
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
Python获取某一天是星期几的方法示例
2017/01/17 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
利用Python如何生成便签图片详解
2018/07/09 Python
pycharm编写spark程序,导入pyspark包的3中实现方法
2019/08/02 Python
django 控制页面跳转的例子
2019/08/06 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
Python运行异常管理解决方案
2020/03/09 Python
python用opencv完成图像分割并进行目标物的提取
2020/05/25 Python
10 套华丽的CSS3 按钮小结
2012/10/03 HTML / CSS
CSS3 input框的实现代码类似Google登录的动画效果
2020/08/04 HTML / CSS
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
区域经理岗位职责
2015/02/02 职场文书
学生会生活部工作总结2015
2015/03/31 职场文书
python中opencv实现图片文本倾斜校正
2021/06/11 Python
一小时学会TensorFlow2之基本操作2实例代码
2021/09/04 Python
spring cloud 配置中心客户端启动遇到的问题
2021/09/25 Java/Android
关于Nginx中虚拟主机的一些冷门知识小结
2022/03/03 Servers