常用Jquery前端操作

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
input只能输入正整数
onkeyup="this.value=this.value.replace(/\D/g,'')"
 
if(!confirm("删除后无法恢复,确认继续?")){return false;}
     
//判断字符串里是否存在指定字符   
if(str.indexOf("abc") != -1){//表示存在}
 
1.双引号替换成单引号
var _adrobj = JSON.stringify(address).replace(/\"/g,"'");  /g表示匹配所有
 
2.单引号替换成双引号
var _nstr = _adrdata.replace(/'/g, '"');
 
3.JSON对象和字符串互转
var obj = {"a":1,"b":2};  ==》JSON对象转字符串=>"{"a":1,"b":2}"
JSON.stringify(obj).replace(/\"/g,"'")); 存入数据库最好把双引号替换成单引号
 
var obj = JSON.parse(obj); ==》Json字符串转对象
for(var key in obj) {
  var a=obj[key]; 
}
 
4.字符串和数组的互相转换
var str = "a,b,c,d,e,f,g";
var array= new Array();
array = str.split(",");    ==》字符串转数组
 
var str = array.join(","); ==》数组转字符串
 
 
5.1遍历name=ids复选框所有的值
$("input[name='ids']:checkbox").each(function() {
    $(this).val();
}); 
5.2遍历name=ids复选框选中的值
$.each("[name='ids']:checked"), function(){
    $(this).val(); 
});
 
6.遍历所有input中 type=text class=custom 的元素
$('.custom:text').each(function(){
    alert($(this).val()); //value值
});7.四舍五入保留v位小数点
function decimal(num,v){
  var vv = Math.pow(10,v);
  return Math.round(num*vv)/vv;
}8.重置表单方法1:$("#form :text").val("");//清空表单内input="text"的值
方法2:在表单内写一个隐藏域按钮<input type="reset" id="resetBtn" style="display:none;"/>     $("#resetBtn").click(); //触发按钮就完事9.时间倒计时
function daoJiShi(second) {
    second--;
    $("#timeing").html(second + "s"); //页面展示倒计时状态
    var t = setTimeout(function() {
      daoJiShi(second);
    }, 1000);
    if (second == 0) {
      clearInterval(t);
      //时间到0了这里爱干嘛就干嘛
    }
}
 
10.定时动作
function taskdoing(){
    setInterval(function(){
      setTimeout(function(){
      //定时做的啥事写在这里
      },1000);
    },1000*30);                //间隔30秒
}$(element).nextAll(":input:first").val();   //当前元素后面紧挨的第1个Input的值
$(".inputCount[datacheck=true][dataname=radio2]"); //通过class+多个属性匹配
$(element).find('input');  //匹配当前元素下的所有input元素
$(element).parent('div');  //匹配父级DIV
$(element).parent().find("span").eq(0);  //匹配父级节点下的第1个Span元素

 

 

复制代码
<a href="tencent://message/?uin=12345678" target="_blank">腾讯QQ在线临时会话</a>
 
<a href="javascript:void(0);">不跳转,无动作</a>

<a href="javascript:scroll(0,0)">返回页面顶部</a>
 
<a href="javascript:location.reload()">本地刷新F5</a>
复制代码

 

本文作者:盗梦笔记

本文链接:https://www.cnblogs.com/zhaojinhui/p/4964763.html

版权声明:本作品采用zhaojh许可协议进行许可。

posted @   盗梦笔记  阅读(254)  评论(0编辑  收藏  举报
评论
收藏
关注
推荐
深色
回顶
收起
点击右上角即可分享
微信分享提示