Jquery 使用集合

js 字符串和数组相互转化

 //字符串转数组 11,22,33
    var spiIdsArray = data.spiIdsStr.split(',');
    console.log(spiIdsArray);
  
    //数组转字符串
    var spiIdsStr = spiIdsArray.join(',');
    console.log(spiIdsStr);

将form 表单重置

 $("#formName input[type=text]").val("");
            $('#selectName option').prop('selected','');

基于jquery.js 处理逗号相关的问题

将中文逗号换为英文逗号-一个换一个

 customerArrs=customerArrs.replace(/，/g,",");

将英文逗号换为中文逗号-一个换一个

 customerArrs=customerArrs.replace(/,/g,"，");

将多个逗号换为一个逗号

customerArrs=customerArrs.replace(/,+/g,",");

去除所有空格

customerArrs=customerArrs.replace(/ +/g,"");

仅去除两端的空格

 customerArrs=customerArrs.trim();

换行符换为指定符号

 customerArrs=customerArrs.replace(/\n+/g,",");

·join()数组转字符串 ["1","2","3"]转 1,2,3

数组.join(",");得到数组转字符串

var arr = new Array(3)
	arr[0] = "aaa"
	arr[1] = "bbb"
	arr[2] = "ccc"
	console.log(arr);
	console.log(arr.join(","));

得到

 

 

·Jquery 捕获 Enter事件-扫码枪使用

扫码枪扫码后可以把扫描内容自动输入到 光标处，然后触发一个Enter事件，使用JQuery来捕获

$(function () {
	
	$(document).keyup(function (e) {//捕获文档对象的按键弹起事件  
	    if (e.keyCode == 13) {//按键信息对象以参数的形式传递进来了，13表示 Enter键被按下  
	        //此处编写用户敲回车后的代码  
	    	alert("Enter事件");
	    }  
	});  
});

·jquery 声明结构体

var obj{

name:"123",

age:"456",

}

·jquery 数组声明、增减元素、排序、判断重复

var array=new Array();

数组添加内容

array.push("123");

数组遍历

for(i=0;i

  console.log(array[i]);

}

数组去除元素 去除第i个元素，从第i开始的1个元素

array.splice(i, 1);

数组排序

array.sort();

确定数组包含某元素

$.inArray(元素，数组); 返回值为-1表示不元素不在数组中

数组得到重复的元素-利用排序

sortArray=strArray.split(",").sort();
repeatArray=new Array();

for(var i=0;i if (sortArray[i]==sortArray[i+1]){
if($.inArray(sortArray[i],repeatArray)==(-1)){
repeatArray.push(sortArray[i]);
}
}
}

·jquery 获取 同名class 最后一个元素 从页面去除

$(".classname:last-child").remove();//将最后一张图片隐藏

·jquery 提交 form 表单

需要jquery.js 的支持：

  

需要监听事件：

$(document).ready(function(){

}

以及最为关键的一句

$("#firmid").submit();

·javacsript 截取字符串subString 和 lastIndexOf

var strArray="123,456,789,";

strArray.substring(0,strArray.lastIndexOf(","));//123,456,789

更多关于String的操作 点击打开链接

·select 获取值

html 展示

<select id="status">  
	            <option value="1" selected="selected">a</option>  
	            <option value="2">b</option>  
	            <option value="3">c</option>  
	        </select>

js获取

var options=$(“#id option:selected”); //获取选中的项

·对于遍历情况的处理

页面部分

<table id="jiance">
						<tr>
							<th >a</th>
							<th>b</th>
							<th >c</th>
							<th >d</th>
						</tr>
						<tr th:each="vo:${data.list}">
						      <td th:text="${vo.id}"></td>  
						      <td th:text="${vo.name}"></td>  
						     
						      <td th:text="${vo.age}"></td>  
						      <td th:text="${vo.sex}" class="hide"></td>  
						      
						      <td><img 
						      onclick="getDetailForSee(this)"/></td>
						</tr>  
					</table>

js部分

技巧一，获取本标签相关的其余子标签

function getDetailForSee(obj){
	var obj = {
		"id":$(obj).parents("tr").find("td:eq(0)").text(),
		"name":$(obj).parents("tr").find("td:eq(1)").text(),
		"age":$(obj).parents("tr").find("td:eq(2)").text(),
		"sex":$(obj).parents("tr").find("td:eq(3)").text()
	}
}

技巧二，获取所有被遍历的列表

$("#jiance tr:first-child").siblings("tr").each(function(){
		var obj = {
			"id":$(this).find("td:eq(0)").text(),
			"name":$(this).find("td:eq(1)").text(),
			"age":$(this).find("td:eq(2)").text(),
			"sex":$(this).find("td:eq(3)").text()
		}
		console.log(obj);
	});

·span 标签赋值

$("#spanid").html("值");

·页面自适应js

$(function() {
    $(window).resize(function(){
        if($(window).height()<820){
            $("body").height(820);
            $(".tdcontainer,#nice_scroll").height($(window).height()-60);
        }
        else{
            $("body").height($(window).height());
            $(".tdcontainer,#nice_scroll").height($(window).height()-60);
        }
    });
});