常用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>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步