重慶分公司,新征程啟航
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊(cè)、服務(wù)器等服務(wù)
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊(cè)、服務(wù)器等服務(wù)
setInterval
專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)凌河免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上千多家企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
setInterval() 方法可按照指定的周期(以毫秒計(jì))來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式。
setInterval() 方法會(huì)不停地調(diào)用函數(shù),直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。setInterval() 的返回值返回
一個(gè)可以傳遞給 Window.clearInterval()的參數(shù), 從而取消對(duì) code 的周期性執(zhí)行的值。
jQuery動(dòng)畫效果animate和scrollTop結(jié)合使用實(shí)例
animate是jq的一個(gè)特效的函數(shù)方法,animate() 方法執(zhí)行 CSS 屬性集的自定義動(dòng)畫。該方法通過(guò)CSS樣式將元素從一個(gè)狀態(tài)改變?yōu)榱硪粋€(gè)狀態(tài)。
CSS屬性值是逐漸改變的,這樣就可以創(chuàng)建動(dòng)畫效果。
只有數(shù)字值可創(chuàng)建動(dòng)畫(比如 "margin:30px")。
字符串值無(wú)法創(chuàng)建動(dòng)畫(比如 "background-color:red")。
$('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
上面的代碼表示滾動(dòng)條跳到0的位置,頁(yè)面移動(dòng)速度是800。
結(jié)合scrollTop實(shí)用示例:
jQuery(document).ready(function($){
$('#shang').click(function(){
$('html,body').animate({scrollTop: '0px'}, 800);
});
$('#comt').click(function(){
$('html,body').animate({scrollTop:$('#comments').offset().top}, 800);
});
$('#xia').click(function(){
$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);
});
});
表示點(diǎn)擊相關(guān)ID移動(dòng)到指定位置:
點(diǎn)擊ID為shang的元素,回到頂部;
點(diǎn)擊ID為comt的元素,回到ID為comments的位置;
點(diǎn)擊ID為xia的元素,回到底部;
$('.chat-content').animate({
scrollTop: $('.chat-content')[0].scrollHeight}, 500
);//這個(gè)實(shí)現(xiàn) chat-content里的內(nèi)容不斷增加,滾動(dòng)條下滾
獲取時(shí)間
var d = new Date();
var send_time = d.getHours() + ":"+ d.getMinutes() + ":"+ d.getSeconds();
JSON
str = JSON.parse(jsonstr) 解析 json格式字符串
JSON.stringify(str) 生成json格式字符串
parseInt parseFloat
bind、delegate、on
bind是將事件綁定到某個(gè)或某種元素上,它不能綁定到尚未存在的元素上;
delegate 采用了事件委托的概念。不是直接為某個(gè)元素綁定事件,而是為其父元素(或祖先元素也可)綁定事件,如:
$("div").delegate("p", "click", function () {
alert($(this).text());
});
當(dāng)在此例中的div元素父內(nèi)任意元素上點(diǎn)擊時(shí),事件會(huì)一層層從event target向上冒泡,直至到達(dá)你 為其綁定事件的元素P,冒泡的過(guò)程中,如果事件的currentTarget與選擇器匹配時(shí),就會(huì)執(zhí)行代碼。
這樣就解決了用bind()方法的上面兩個(gè)問(wèn)題,不用再一個(gè)個(gè)地去為p元素綁定事件,也可以為動(dòng)態(tài)添加進(jìn)來(lái)的p元素綁定。甚至,如果你將事件綁定到document上,都不用等document準(zhǔn)備好就可執(zhí)行綁定。但是,如果層數(shù)太多,會(huì)影響到性能
on 是 JQUERY 1.7 后官方建議的方式,
$("div").on("click","p",function(){
alert($(this).text());
})
對(duì)應(yīng)于bind()、delegate()和on()綁定方法,其移除事件的方法分別為:
$( "div p" ).unbind( "click", handler );
$( "div" ).undelegate( "p", "click", handler );
$( "div" ).off( "click", "p", handler );
選擇器匹配到的元素比較多時(shí),不要用bind()迭代綁定
用id選擇器時(shí),可以用bind()
需要給動(dòng)態(tài)添加的元素綁定時(shí),用delegate()或者on()
用delegate()和on()方法,dom樹不要太深
盡量使用on()
用delegate來(lái)監(jiān)測(cè)某個(gè)鍵是否按下以執(zhí)行特殊方法監(jiān)測(cè)body 下texarea有沒(méi)有敲回車 鍵
$("body").delegate("textarea", "keydown",function(e){
if(e.which == 13) {//Enter key down
aler( $("textarea").val());
} });//end body
7. 去掉focus的邊框
a:focus {
outline:none;
}
8.javascript 沒(méi)有trim功能,jquery有
str=' abc '
$.trim(str) // str='abc'