JQuery

綁定click事件

給元素綁定click事件,可以用如下方法:

$('#btn1').click(function(){

? ? // 內(nèi)部的this指的是原生對(duì)象

? ? // 使用jquery對(duì)象用 $(this)

})

// //JS原生寫法

window.onload = function(){

}

jQuery寫法,等同于上面寫法

$(window).load(function(){

})

ready的寫法

$(document).ready(function(){

?})

ready的簡(jiǎn)寫

?$(function(){

?})

?窗口改變尺寸的時(shí)候,會(huì)高頻觸發(fā)

$(window).resize(function() {

console.log('3');

});

1、獲取和設(shè)置元素的尺寸

2、獲取元素相對(duì)頁(yè)面的絕對(duì)位置

offset()

3、獲取可視區(qū)高度

$(window).height();

4、獲取頁(yè)面高度

$(document).height();

5、獲取頁(yè)面滾動(dòng)距離:$(document).scrollTop(); $(document).scrollLeft();

6、頁(yè)面滾動(dòng)事件:$(window).scroll(function(){?

? ? ......?

})


主動(dòng)觸發(fā)與自定義事件

主動(dòng)觸發(fā)?

可使用jquery對(duì)象上的trigger方法來(lái)觸發(fā)對(duì)象上綁定的事件。

自定義事件?

除了系統(tǒng)事件外,可以通過(guò)bind方法自定義事件,然后用trigger方法觸發(fā)這些事件。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 22、JQ的基礎(chǔ)語(yǔ)法、核心原理和項(xiàng)目實(shí)戰(zhàn) jQ的版本和下載 jQuery版本 1.x:兼容IE6-8,是目前PC端...
    萌妹撒閱讀 1,871評(píng)論 0 0
  • 選擇器選擇器是jQuery的核心。 事件 動(dòng)畫 擴(kuò)展
    wyude閱讀 545評(píng)論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,508評(píng)論 0 2
  • //------------------------- 第一章 認(rèn)識(shí)JQuery ----------------...
    米塔塔閱讀 809評(píng)論 0 9
  • 更新:此系列題解已經(jīng)放到 Github,鏈接: https://github.com/dox1994/offer-...
    aaanthony閱讀 9,122評(píng)論 0 16

友情鏈接更多精彩內(nèi)容