常用Jquery前端操作

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>

秒客网

常用Jquery前端操作

相关文章