JavaScript、JQuery开发笔记
2014-04-17 17:00
429 查看
JavaScript ---- Array数组的使用W3school手册对Array的描述如下:
备注:对JavaScript数组对象的里面的元素直接用下标访问 var startArray = new Array(); startArray.push($(this).val()); var v = startArray[0]; var strs = startArray.toString();//默认用逗号分隔
JavaScript中replace()方法的使用:
JQuery选中器:
[/code]
Array 对象
Array 对象用于在单个的变量中存储多个值。创建 Array 对象的语法:
new Array(); new Array(size); new Array(element0, element1, ..., elementn);
参数
参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。 参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。返回值
返回新创建并被初始化了的数组。 如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。 当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。 当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。 当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。Array 对象属性
FF: Firefox, IE: Internet Explorer
属性 | 描述 | FF | IE |
---|---|---|---|
constructor | 返回对创建此对象的数组函数的引用。 | 1 | 4 |
index | 1 | 4 | |
input | 1 | 4 | |
length | 设置或返回数组中元素的数目。 | 1 | 4 |
prototype | 使您有能力向对象添加属性和方法。 | 1 | 4 |
Array 对象方法
FF: Firefox, IE: Internet Explorer方法 | 描述 | FF | IE |
---|---|---|---|
concat() | 连接两个或更多的数组,并返回结果。 | 1 | 4 |
join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 | 1 | 4 |
pop() | 删除并返回数组的最后一个元素 | 1 | 5.5 |
push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 | 1 | 5.5 |
reverse() | 颠倒数组中元素的顺序。 | 1 | 4 |
shift() | 删除并返回数组的第一个元素 | 1 | 5.5 |
slice() | 从某个已有的数组返回选定的元素 | 1 | 4 |
sort() | 对数组的元素进行排序 | 1 | 4 |
splice() | 删除元素,并向数组添加新元素。 | 1 | 5.5 |
toSource() | 返回该对象的源代码。 | 1 | - |
toString() | 把数组转换为字符串,并返回结果。 | 1 | 4 |
toLocaleString() | 把数组转换为本地数组,并返回结果。 | 1 | 4 |
unshift() | 向数组的开头添加一个或更多元素,并返回新的长度。 | 1 | 6 |
valueOf() | 返回数组对象的原始值 | 1 | 4 |
<!-- var thStr = "";--> <!-- $("#tabT").find("tr").first().find("th").each(function()--> <!-- {--> <!-- thStr += $(this).html();--> <!-- });--> <!-- var trimStr = thStr.replace(/<input class=\"typeSetCB\" type=\"checkbox\">/g,"");--> <!-- trimStr = trimStr.replace(/<input class=\"replaceCB\" type=\"checkbox\">/g,""); --> <!-- trimStr = trimStr.replace(/ /g,"");--> |
[code]1、 //获取"tabT"的每行type属性为'hidden'的input的值 $("#tabT").find("tr").find("input[type='hidden']").each(function() { startArrStr += $(this).val(); startArray.push($(this).val()); }); |
2、 //检查是否有改变 function checkModify() { var arrStr = ""; var i=0; $("#tabT").find("tr").each(function() { var sameFlag = "1"; $(this).find("input[type='hidden']").each(function(){ arrStr +=$(this).val(); if(startArray[i]!=$(this).val()) { //input里面的值和最初不相等、 sameFlag = "0"; } i++; }); //某一行匹配完后,如果全部相同则将该行remove if(sameFlag=="1") { $(this).remove(); } }); if(arrStr == startArrStr) { //没有做过修改 alert("没有做过修改!!!"); window.close(); return; } if ($("#tabT tbody td.error").length > 0) { alert("有非法记录!"); } else { // 格式化日期型单元格 $("#tabId td[fieldType='4'] input[name][value!='']").each( function() { $(this).val($(this).val() + " 00:00:00"); }) $("#actionForm").submit(); } } |
3、表单元素的循环选中functioncheckChange(){var arrInput = "";//获取后台传来的字符串在页面修改后所有的form表单值$("#actionForm :input").each(function(){arrInput+= $(this).val();});if(startArrInput == arrInput){//消除默认选中parent.flexReloadMain();//表示没有修改后退window.history.back(-1);return false;}else{return true;}} |
相关文章推荐
- javascript笔记——jQuery插件开发的几种方式
- JavaScript 开发笔记 -- jQuery
- 源码-JavaScript&jQuery交互式前端开发-第2章-JavaScript基础指令-在字符串中使用引号
- 源码-JavaScript&jQuery交互式前端开发-第6章-事件-HTML事件处理程序
- 精通JavaScript开发课时20(JS事件基础)学习笔记
- 【学习笔记javascript设计模式与开发实践(状态模式)----16】
- Javascript开发之十三:jQuery中的事件,链式调用,隐式递归
- JavaScript个人笔记:js模块化开发seajs基础
- JavaScript学习总结(四)——jQuery插件开发与发布
- 【学习笔记javascript设计模式与开发实践(职责链模式)----13】
- 小工具开发笔记—IE自动填表器 -- 第二篇:执行一段JavaScript脚本
- Java程序员的JavaScript学习笔记(7——jQuery基本机制)
- jquery插件开发学习笔记(一)
- javascript高级开发学习笔记六
- [原]Java程序员的JavaScript学习笔记(8——jQuery选择器)
- [原]Java程序员的JavaScript学习笔记(12——jQuery-扩展选择器)
- javascript(phonegap+jquery monile)移动开发之(android)-----------搭建开发环境
- <javascript学习笔记> javascript 元素获得相对父元素的偏移 相当于 jquery的position 方法。
- 【学习笔记javascript设计模式与开发实践----1】
- 黑马程序员--Java学习笔记之Web开发—JavaScript常用触发事件总结