1. 程式人生 > >常用js方法總結

常用js方法總結

一、live用法 

可以繫結一個或多個事件型別的字串和函式的資料對映來執行他們,需要引入jquery.js

 $("a").live({
  click: function() {
    // do something on click
  },
  mouseover: function() {
    // do something on mouseover
  }
});
也可以同時繫結mouseover和mouseout事件,像這樣: 
$('.hoverme').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});

二、animate用法

用500毫秒將段落清晰顯示出來(透明度為1) 
$("p").animate({ opacity: 'show' }, { duration: 500 }); 等同於$("p").animate({ opacity: 'show' },500 );

// 根據高度切換顯示/隱藏,點選一下顯示時高度從0增加到原高度,再點選一下隱藏時高度從原高度減小到0
$("p").animate( { height: "toggle" });


// font-size或fontSize均可,由多個單詞構成的屬性均是如此
//兩秒內字型變為30px,緊接著2秒內字型變為14px,執行完成後彈出提示框。
$("p").animate( { fontSize: "30px" }, 2000 ).animate( { fontSize: "14px" }, 2000, function(){
		alert("動畫3執行完畢!");
});

//立刻顯示出內容content,兩秒後隱藏
$("#msgTip").animate({opacity: "show"}, 0).html(content).animate({opacity: "hide"}, 2000);

三、click事件(三種方法)

onclick是繫結事件
click是觸發事件 

<script type="text/javascript"> 
	
	$("#btn4").click(function(){ 
		alert("click"); 
	}); 
	等同於
	$("#btn4").on('click',function(){ 
		alert("click"); 
	});
	
	function change(){ 
		alert("onclick"); 
	} 
</script>
<button onclick="change()">dd</button> 
<button id="btn4">ee</button>

四、$.each()

$.each()函式不同於JQuery物件的each()方法,它是一個全域性函式,不操作JQuery物件,

而是以一個數組或者物件作為第1個引數,以一個回撥函式作為第2個引數。
回撥函式擁有兩個引數:第1個為物件的成員或陣列的索引,第2個為對應變數或內容。
$.each([1,2,3,],function(i,v){
})

五、js裡json物件轉換為json字串

var params = {
     id:context.param.id
}
params = JSON.stringify(params);
var options = {data:params};