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ì)可見(jiàn)元素有效。也可設(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入門(mén)的文章，確實(shí)不錯(cuò)，前提是大家已經(jīng)對(duì)js稍微熟悉一點(diǎn)即可能看懂，非常不錯(cuò)的jquery入門(mén)篇文章。2009-12-12
這篇文章主要介紹了JQuery中extend怎么使用,需要的朋友可以參考下2014-03-03
使用jQuery Mobile框架開(kāi)發(fā)移動(dòng)端Web App的入門(mén)教程
jQuery Mobile是移動(dòng)端的基于jQuery的Web前端開(kāi)發(fā)框架,移動(dòng)設(shè)備上的瀏覽器對(duì)HTML5的支持普遍較強(qiáng),因而jQuery Mobile的UI設(shè)計(jì)主要針對(duì)HTML5,下面就來(lái)詳細(xì)看一下使用jQuery Mobile框架開(kāi)發(fā)移動(dòng)端Web App的入門(mén)教程2016-05-05
這篇文章主要介紹了基于jQuery的checkbox全選問(wèn)題,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)全選功能中遇到的問(wèn)題與相應(yīng)的解決方法,需要的朋友可以參考下2016-11-11
基于JQuery的多標(biāo)簽實(shí)現(xiàn)代碼
最近在學(xué)習(xí)JQuery，其實(shí)也不叫學(xué)習(xí)，很久以前就學(xué)過(guò)，只是有一段時(shí)間沒(méi)用，有些生疏了，于是就做幾個(gè)小例子來(lái)練習(xí)練習(xí)，為了方便以后查找就將這些小示例記錄下來(lái)2012-09-09
jQuery團(tuán)購(gòu)倒計(jì)時(shí)特效實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery團(tuán)購(gòu)倒計(jì)時(shí)特效實(shí)現(xiàn)方法,可實(shí)現(xiàn)相對(duì)固定時(shí)間的倒計(jì)時(shí)效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細(xì)介紹了jquery動(dòng)感漂浮導(dǎo)航菜單特效，菜單可以實(shí)現(xiàn)上下浮動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)小圖時(shí)顯示大圖的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)小圖時(shí)顯示大圖的方法,涉及圖片及鼠標(biāo)操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
jQuery中RadioButtonList的功能及用法實(shí)例介紹
RadioButtonList的使用想必大家都有所解除，本文為以示例的方式為大家詳細(xì)介紹下其功能及用法，感興趣的朋友可以參考下2013-08-08
鼠標(biāo)事件是指用戶在移動(dòng)鼠標(biāo)光標(biāo)或者點(diǎn)擊任意鼠標(biāo)鍵時(shí)觸發(fā)的事件,jQuery中封裝了基本上所有的鼠標(biāo)事件包括點(diǎn)擊,雙擊,移動(dòng)等鼠標(biāo)事件,下面我們就來(lái)看下這些事件的語(yǔ)法和用法2015-08-08