常用js方法總結
阿新 • • 發佈:2019-02-06
一、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};