jQuery 基礎 共3天課程 DAY2

2021-09-26 18:54:59 字數 1897 閱讀 5973

屬性操作

$().prop() 操作的是固有屬性

如果傳遞乙個引數,獲取對應屬性的值

$().prop(『id』)

如果傳遞兩個引數,那麼是設定值

$().prop(『id』,『div』)

$().attr() 操作自定義屬性

如果傳遞乙個引數,獲取對應屬性的值

$().attr(『index』)

如果傳遞兩個引數,那麼是設定值

$().attr(『index』,『1』)

$().data() 操作屬性

設定的屬性會在dom樹上嗎? 不會,只存在於內容中

$().data(『屬性名』)

利用這個方法能獲取h5的自定義屬性

文字設定

表單元素

$().val()

如果不帶引數代表是獲取

如果寫引數代表是 設定值

非表單元素

$().html()

如果不帶引數代表是獲取

如果寫引數代表是 設定值

$().text()

如果不帶引數代表是獲取

如果寫引數代表是 設定值

元素操作

遍歷遍歷元素物件

$().each(function(index, eledom))

遍歷資料

可以遍歷 陣列、物件、集合

$.each(data, function(param1,param2))

建立乙個元素物件

var $div = (

v>

iv

>′)

此時建立

的元素對

象還在內

存中新增

到dom

樹par

ent.

appe

nd((′

v>

iv>′)

此時建立

的元素對

象還在內

存中新增

到dom

樹par

ent.

appe

nd(div) 追加子孩子

parent.prepend($div) 新增第乙個子孩子

兄弟新增

$().after() 新增到對應元素的下乙個兄弟位置

$().before() 新增到對應元素的上乙個兄弟位置

刪除$().remove() 自殺

$().empty() 清空所有的子節點

獲取父輩元素

$().parents() 裡面如果不放引數,那麼獲取的是所有的父輩元素的集合;如果裡面放引數,那麼獲取的是對應的父輩元素

元素的尺寸和位置

尺寸$().width()|height()

獲取|設定 的是內容的寬高

$().innerwidth() | innerheight()

獲取|設定 的是寬高 內容的寬高+ padding

$().outerwidth() | outerheight()

獲取|設定的是寬高 內容的寬高 + padding + border

如果裡面的引數是true 那麼代表的是獲取是: 內容的寬高 + padding + border + margin

位置$().offset()

獲取|設定 的是 元素相對應文件的距離

兩個屬性: left | top

$().position()

獲取 的是 元素 相對於帶有定位的最近的父輩元素的距離,如果如被元素都沒有定位,那麼 獲取的是參照body的距離

$().scrolltop()|scrollleft()

獲取|設定的是 滾動(水平|垂直)出去的距離

黑馬Spring3天課程

sprnig核心思想 1.ioc 控制反轉 2.aop 面向切面程式設計 學習spring目的 1.搞清楚 bean的使用,以及ioc和aop的使用方式,啥東西,什麼時候可以放進spring容器裡,什麼時候能拿出來用 2.學習springmvc目的在於搞明白專案裡註解的情況 3.成體系地學習spri...

HTML CSS基礎課程學習(3)

課程 看這裡 乙個網頁上不僅有我們要給使用者看的內容,也需要與使用者進行互動,此時我們需要使用html表單。html表單的功能為把使用者輸入的資料傳送到伺服器端,以便伺服器端處理資料。語法如下 其中 type 當type text 時,輸入框為文字輸入框 當type password 時,輸入框為密...

Java基礎總結第(3)天

二.物件導向 1.物件導向思想 1 概述 物件導向是相對於面向過程而言的,面向過程強調的是功能,物件導向強調的是將功能封裝進物件,強調具備功能的物件。2 思想特點 a 是符合人們思考習慣的一種思想 b 將複雜的事情簡單化了 c 將程式設計師從執行者變成指揮者 比如我們要達到某種結果,我就尋找能幫我達...