jQuery學(xué)習(xí)筆記 操作jQuery對(duì)象 CSS處理
CSS基本屬性處理
|
方法 |
描述 |
|
css(name) |
獲取元素上CSS規(guī)則中name屬性值 |
|
css(name,value) css(name,fn(index,value)) css({name1:value1,…,nameN:valueN}) |
設(shè)置元素上CSS規(guī)則name屬性的值為value，也可使用函數(shù)參數(shù)，不解釋；還可以一次性為同一元素設(shè)置多個(gè)CSS屬性 |
CSS尺寸屬性處理
|
方法 |
描述 |
|
height() |
獲取元素CSS屬性height的值 |
|
width() |
獲取元素CSS屬性width的值。這兩個(gè)方法獲取的是元素在頁(yè)面中的實(shí)際高度寬度值，多用于數(shù)學(xué)運(yùn)算，比較方便 |
|
innerHeight() |
獲取元素內(nèi)部區(qū)域（包括內(nèi)邊距padding）的實(shí)際高度值 |
|
innerWidth() |
獲取元素內(nèi)部區(qū)域的實(shí)際寬度值 |
|
outerHeight() |
獲取元素外部區(qū)域（包括內(nèi)邊距padding、邊框border）的實(shí)際高度值 |
|
outerWidth() |
獲取元素外部區(qū)域的實(shí)際寬度值。若需計(jì)入外邊距margin，可以傳入一個(gè)true參數(shù)，即outerHeight(true)或outerWidth(true) |
CSS位置屬性處理
|
方法 |
描述 |
|
offset() offset(coord) offset(fn(index,coord)) |
獲取元素在當(dāng)前視窗的相對(duì)偏移，返回一個(gè)包含top和left屬性的對(duì)象。比如$(“p”).offset().top。該方法只對(duì)可見元素有效。也可設(shè)置偏移值，注意coord也是個(gè)對(duì)象，比如$(“p”).offset({“top”:40,”left”:15}) |
|
position() |
獲取元素相對(duì)最近定位祖先元素的偏移值，同樣返回一個(gè)包含top和left屬性的對(duì)象。 |
|
scrollTop() scrollTop(value) |
獲取垂直滾動(dòng)條相對(duì)于該元素最頂端的偏移值 |
|
scrollLeft() scrollLeft(value) |
獲取水平滾動(dòng)條相對(duì)于該元素最左端的偏移值。兩方法都可設(shè)置值，默認(rèn)單位px，若value為負(fù)值則滾動(dòng)條移動(dòng)到最頂端或最左端；若value超出最大值則移動(dòng)到最底端或最右端 |
相關(guān)文章
這篇文章主要介紹了jquery 遍歷hash操作,結(jié)合實(shí)例形式分析了jQuery基于ajax交互獲取并遍歷hash相關(guān)操作技巧,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了微信小程序組件 marquee實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06
jQuery+vue.js實(shí)現(xiàn)的多選下拉列表功能示例
這篇文章主要介紹了jQuery+vue.js實(shí)現(xiàn)的多選下拉列表功能,涉及jQuery+vue.js數(shù)據(jù)綁定及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
jQuery異步上傳文件插件ajaxFileUpload詳細(xì)介紹
這篇文章主要介紹了jQuery異步上傳文件插件ajaxFileUpload詳細(xì)介紹,本文首先講解了ajaxFileUpload的參數(shù)、錯(cuò)誤提示等知識(shí),然后給出了簡(jiǎn)單使用實(shí)例和ASP.NET MVC模式下的使用實(shí)例,需要的朋友可以參考下2015-05-05
jQuery實(shí)現(xiàn)鼠標(biāo)滾輪動(dòng)態(tài)改變樣式或效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滾輪動(dòng)態(tài)改變樣式或效果,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery中:reset選擇器用法,實(shí)例分析了:reset選擇器的功能、定義及匹配重置按鈕的使用技巧,需要的朋友可以參考下2015-01-01
使用過(guò)AJAX技術(shù)的人都知道大名鼎鼎的JQuery。雖然我來(lái)學(xué)習(xí)之前有看過(guò)AJAX的視頻，但那時(shí)對(duì)WEB應(yīng)用這個(gè)東西還比較模糊，不清楚HTML、JSP與Servlet是怎么工作的，甚至不知道JQuery包裝的是什么東西。2011-02-02
jQuery實(shí)現(xiàn)向下滑出的二級(jí)菜單效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)向下滑出的二級(jí)菜單效果,涉及jquery鼠標(biāo)事件及頁(yè)面元素樣式動(dòng)態(tài)變換的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
利用jQuery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的表格上下翻頁(yè)效果
這篇文章主要給大家介紹了利用jQuery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的表格上下翻頁(yè)效果的相關(guān)資料，文中介紹的很詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-03-03
關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧
本篇文章介紹了，關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧。需要的朋友參考下2013-04-04