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