屬性和css操作

2022-08-23 12:18:10 字數 2649 閱讀 5706

attr()|prop(): 設定或者獲取元素的屬性(建議用prop)

方式1:獲取

attr("屬性名稱") | prop("屬性名稱")

方式2:設定乙個屬性

attr("屬性名稱","屬性值") | prop("屬性名稱","屬性值");

方式3:設定多個屬性    json

attr();

alert($username.val());

刪除username的class屬性

$username.removeattr(

"class");

給username新增乙個名為textclass的樣式

$username.addclass(

"textclass");

刪除username的名為textclass的樣式

$username.removeclass(

"textclass");

給div新增邊框樣式

var$div =$(

"div");

$div.css(

"border",

"1px solid red");

獲取div的邊框樣式

alert($div.css(

"border

"));

給div新增多種樣式

$div.css();

//5 獲取div的位置

alert($div.offset().left);

//6 獲取div的高和寬

alert($div.width());

alert($div.height());

});

script

>

<

style

type

="text/css"

>

.textclass

style

>

head

>

<

body

>

<

h3>表單

h3>

<

form

action

="">

<

table

border

="1"

>

<

tr id

="tr1"

>

<

td><

label

>姓名

label

>

td>

<

td><

input

type

="text"

name

="username"

/>

td>

tr>

<

tr>

<

td><

span

>密碼

span

>

td>

<

td><

input

type

="password"

name

="password"

/>

td>

tr>

<

tr>

<

td>性別

td>

<

td>

<

input

type

="radio"

name

="gender"

value

="男"

/>

<

input

type

="radio"

name

="gender"

value

="女"

/>

td>

tr>

<

tr>

<

td>

td>

<

td>

<

button

type

="button"

>普通按鈕

button

>

<

input

type

="submit"

value

="提交按鈕"

/>

<

input

type

="reset"

value

="重置按鈕"

/>

td>

tr>

table

>

form

>

<

h3>公告資訊

h3>

<

div>

未滿18慎進

div>

<

span

id="sp"

>外span<

a href

='#'

>內超鏈

a>

span

>

body

>

html

>

jQuery 屬性操作和CSS 操作

addclass attr hasclass html removeattr removeclass toggleclass val css p css color 取得第乙個段落的 color 樣式屬性的值 selector css name,value 設定所有匹配元素的指定 css 屬性 se...

css外觀屬性和字型樣式屬性

1.color 文字顏色,屬性值三種寫法1.直接寫顏色值,red,blue,green.2.顏色的十六進製制值 ff00000 推薦寫法 3.rgb 比如紅色rgb 255,0,0 2.line height 行間距,也就是行與行之間的距離。行間距的單位用畫素px 3.text align 水平方向...

CSS的背景屬性和邊框屬性

css的背景屬性 background 簡寫屬性,作用是將背景屬性設定在乙個宣告中 background attachment 背景影象是否固定或者隨著頁面的其餘部分滾動 background color 設定元素的背景顏色 background image 把影象設定為背景 background ...