Jquery 使用集合

·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<array.length;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<sortArray.length;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 的支持：

 <script type="text/javascript" src="../js/jquery.js"></script> 

需要监听事件：

$(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);
}
});
});