經常使用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>
相關文章
相關標籤/搜索