国产精品国产三级国产试看,香蕉人精品视频多人免费永久视频,宅男噜噜噜66一区二区,天天插天天射,女人体(1963)菠萝蜜视频,97在线视频人妻无码一区,精品久久久久精品色婷婷综合

jquery頁面加載前執(zhí)行事件 js頁面加載前執(zhí)行

更新時間:2024-07-03 09:02:57作者:未知

jquery頁面加載前執(zhí)行事件 js頁面加載前執(zhí)行

jQuery,顧名思義是JavaScript和查詢(Query),jQuery是免費、開源的。它可以簡化查詢DOM對象、處理事件、制作動畫、處理Ajax交互過程且兼容多瀏覽器的javascript庫,核心理念是write less,do more(寫得更少,做得更多)。

jQuery優(yōu)勢

體積小,使用靈巧(只需引入一個js文件)。方便的選擇頁面元素(模仿CSS選擇器更精確、靈活)。動態(tài)更改頁面樣式/頁面內(nèi)容(操作DOM,動態(tài)添加、移除樣式)??刂祈憫?yīng)事件(動態(tài)添加響應(yīng)事件)。提供基本網(wǎng)頁特效(提供已封裝的網(wǎng)頁特效方法)??焖賹崿F(xiàn)通信(ajax)。易擴展、插件豐富。支持鏈式寫法。

一、jQuery選擇器

ID選擇器:$(“#box”);類名選擇器:$(“.box”);標簽選擇器:$(“div”);后代選擇器:$(“#box p”);:first:獲取第一個元素。:last:獲取最后一個元素。:even:匹配所有索引值為偶數(shù)的元素,從 0 開始計數(shù)。:odd:匹配所有索引值為奇數(shù)的元素,從 0 開始計數(shù)。:eq(index):匹配一個給定索引值的元素,從 0 開始計數(shù)。:not(selector):去除所有與給定選擇器匹配的元素。:has(selector):匹配含有選擇器所匹配的元素的元素。

二、jQuery屬性和樣式CSS

操作屬性:

attr(name|properties|key,value|fn):設(shè)置或返回被選元素的屬性值。

removeAttr(name):從每一個匹配的元素中刪除一個屬性。

prop(name|properties|key,value|fn):獲取在匹配的元素集中的第一個元素的屬性值。

removeProp(name):用來刪除由.prop()方法設(shè)置的屬性集。

區(qū)別:attr可以操作(增刪改查)自定義的節(jié)點屬性,而prop不可以(增刪改查)。attr和prop對input的disabled屬性的返回值不一致,attr返回disabled或者undefined,而prop返回布爾值。

操作Class:

addClass(class|fn) :為每個匹配的元素添加指定的類名。

removeClass([class|fn]) :從所有匹配的元素中刪除全部或者指定的類。

toggleClass(class|fn[,switch]):如果存在(不存在)就刪除(添加)一個類。

操作內(nèi)容:

html([val|fn]):取得第一個匹配元素的html內(nèi)容。這個函數(shù)不能用于XML文檔。但可以用于XHTML文檔。

text([val|fn]):取得所有匹配元素的內(nèi)容。結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。這個方法對HTML和XML文檔都有效。

val([val|fn|arr]):獲得匹配元素的當前值。如果多選,將返回一個數(shù)組,其包含所選的值。

操作CSS:

css(name|pro|[,val|fn]):訪問匹配元素的樣式屬性。

操作位置:

offset([coordinates]):獲取匹配元素在當前文檔的相對偏移。返回的對象包含兩個整型屬性:top 和 left,以像素計。方法只對可見元素有效。

position():獲取匹配元素相對父元素的偏移。返回的對象包含兩個整型屬性:top 和 left。為精確計算結(jié)果,請在補白、邊框和填充屬性上使用像素單位。此方法只對可見元素有效。

scrollTop([val]):獲取匹配元素相對滾動條頂部的偏移。此方法對可見和隱藏元素均有效。

scrollLeft([val]):獲取匹配元素相對滾動條左側(cè)的偏移。此方法對可見和隱藏元素均有效。

操作尺寸:

height([val|fn]):取得匹配元素當前計算的高度值(px)。

width([val|fn]):取得第一個匹配元素當前計算的寬度值(px)。

innerHeight():獲取第一個匹配元素內(nèi)部區(qū)域高度(包括補白、不包括邊框)。此方法對可見和隱藏元素均有效。

innerWidth():獲取第一個匹配元素內(nèi)部區(qū)域?qū)挾龋òㄑa白、不包括邊框)。此方法對可見和隱藏元素均有效。

outerHeight([options]):獲取第一個匹配元素外部高度(默認包括補白和邊框)。此方法對可見和隱藏元素均有效。

outerWidth([options]):獲取第一個匹配元素外部寬度(默認包括補白和邊框)。此方法對可見和隱藏元素均有效。

注:設(shè)置options為true,計算margin在內(nèi)。

三、過濾查找

過濾元素:

eq(index|-index):獲取第N個元素。這個元素的位置是從0算起,如果是負數(shù),則從集合中的最后一個元素開始倒數(shù)。

first():獲取第一個元素。

last():獲取最后一個元素。

hasClass(class):檢查當前的元素是否含有某個特定的類,如果有,則返回true。

has(expr|ele):保留包含特定后代的元素,去掉那些不含有指定后代的元素。

not(expr|ele|fn):刪除與指定表達式匹配的元素。

查找元素:

children([expr]):取得一個包含匹配的元素集合中每一個元素的所有子元素的元素集合。只考慮子元素而不考慮所有后代元素。

find(expr|obj|ele):搜索所有與指定表達式匹配的子元素。

parent([expr]):取得一個包含著所有匹配元素的唯一父元素的元素集合。

offsetParent():返回第一個匹配元素用于定位的父節(jié)點。

next([expr]):取得一個包含匹配的元素集合中每一個元素緊鄰的后面同輩元素的元素集合。

nextAll([expr]):查找當前元素之后所有的同輩元素。

prev([expr]):取得一個包含匹配的元素集合中每一個元素緊鄰的前一個同輩元素的元素集合。

prevAll([expr]):查找當前元素之前所有的同輩元素。

siblings([expr]):取得一個包含匹配的元素集合中每一個元素的所有唯一同輩元素的元素集合??梢杂每蛇x的表達式進行篩選。

串聯(lián)操作:

add(expr|ele|html|obj[,con]):把與表達式匹配的元素添加到j(luò)Query對象中。這個函數(shù)可以用于連接分別與兩個表達式匹配的元素結(jié)果集。返回的結(jié)果將始終以元素在HTML文檔中出現(xiàn)的順序來排序,而不再是簡單的添加。

andSelf():將先前所選的加入當前元素中。

end():回到最近的一個”破壞性”操作之前。即,將匹配的元素列表變?yōu)榍耙淮蔚臓顟B(tài)。如果之前沒有破壞性操作,則返回一個空集。所謂的”破壞性”就是指任何改變所匹配的jQuery元素的操作。

四、jQuery事件

頁面載入事件:

ready(fn):當DOM載入就緒可以查詢及操縱時綁定一個要執(zhí)行的函數(shù)。這是事件模塊中最重要的一個函數(shù),因為它可以極大地提高web應(yīng)用程序的響應(yīng)速度。簡單地說,這個方法純粹是對向window.load事件注冊事件的替代方法。

綁定事件:

on(events,[selector],[data],fn):在選擇元素上綁定一個或多個事件的事件處理函數(shù)。

off(events,[selector],[fn]):在選擇元素上移除一個或多個事件的事件處理函數(shù)。

bind(type,[data],fn):為每個匹配元素的特定事件綁定事件處理函數(shù)。

unbind(type,[data|fn]]):bind()的反向操作,從每一個匹配的元素中刪除綁定的事件。如果沒有參數(shù),則刪除所有綁定的事件。

one(type,[data],fn):為每一個匹配元素的特定事件(像click)綁定一個一次性的事件處理函數(shù)。

hover([over,]out):當鼠標移動到一個匹配的元素上面時,會觸發(fā)指定的第一個函數(shù)。當鼠標移出這個元素時,會觸發(fā)指定的第二個函數(shù)。

click([[data],fn]):觸發(fā)每一個匹配元素的click事件。這個函數(shù)會調(diào)用執(zhí)行綁定到click事件的所有函數(shù)。

注:其他事件方法使用方式一樣。例如:mouseover、mouseout、dblclick、change、blur、focus、keydown、keyup、keypress、mousedown、mouseup、mousemove、mouseenter、mouseleave、resize、scroll、select、submit、unload等。

本文標簽: [db:關(guān)鍵詞]  

為您推薦

jquery頁面加載前執(zhí)行事件 js頁面加載前執(zhí)行

jQuery,顧名思義是JavaScript和查詢(Query),jQuery是免費、開源的。它可以簡化查詢DOM對象、處理事件、制作動畫、處理Ajax交互過程且兼容多瀏覽器的javascript庫,

2024-07-03 09:02

服務(wù)器和臺式機的區(qū)別(服務(wù)器跟臺式機的區(qū)別)

可能有很多網(wǎng)友不清楚,服務(wù)器和普通電腦到底有什么區(qū)別?就目前市場上的大部分服務(wù)器來說是X86架構(gòu),都是由主板、CPU、內(nèi)存、硬盤等配件組合而成,這方面和普通電腦是沒有區(qū)別,那具體哪里不一樣呢? 主要

2024-07-03 09:02

excel添加選項內(nèi)容 excel如何添加選項內(nèi)容

對于不管是偶爾使用Excel表格的小伙伴們來說,還是經(jīng)常使用Excel表格的小伙伴們來說,只要你有使用Excel軟件來處理數(shù)據(jù)信息的需求時,我們往往都會在一個表格中看到大量的數(shù)據(jù)信息內(nèi)容?! 《斘?/a>

2024-07-03 09:02

linux服務(wù)器安裝telnet服務(wù) linux yum安裝telnet

telnet命令通常用來遠程登錄,默認端口是23。telnet程序是基于TELNET協(xié)議的遠程登錄客戶端程序。Telnet協(xié)議是TCP/IP協(xié)議族中的一員,是Internet遠程登陸服務(wù)的標準協(xié)議和主

2024-07-03 09:01

簡述vpn的工作原理

前段時間疫情嚴重,大家紛紛響應(yīng)國家號召不出門就是做貢獻。然而門可以不出,工(zhuàn)作(qián)不能耽誤?。∮谑呛醺鞔蠊炯娂娡菩羞h程辦公。在家遠程辦公的時候,不可避免地需要訪問公司內(nèi)網(wǎng)的數(shù)據(jù)資

2024-07-03 09:01

java界面設(shè)計工具推薦(javagui界面設(shè)計)

作為一枚Java程序員,需要掌握哪些技術(shù)和工具才能完成一個JavaWeb項目呢?今天羅列一些常用技術(shù)和工具,這些技術(shù)都是我這10年工作中用的比較多的,我知道技術(shù)棧遠不止這些,本人只列自己熟悉和用的最多

2024-07-03 09:01