jQuery 屬性操作和CSS 操作

2022-02-18 18:39:09 字數 1828 閱讀 5094

addclass()

attr()

hasclass()

html()

removeattr()

removeclass()

toggleclass()

val()

css()

$("p").css("color");//

取得第乙個段落的 color 樣式屬性的值

$(selector).css(name,value)

//設定所有匹配元素的指定 css 屬性

$(selector).css()

$(".btn1").click(function

());

height()

height() 方法返回或設定匹配元素的高度。

$(selector).height()

$(selector).height(length)

$(".btn1").click(function

());

offset()

offset() 方法返回或設定匹配元素相對於文件的偏移(位置)

$(selector).offset()

返回第乙個匹配元素的偏移座標。

該方法返回的物件包含兩個整型屬性:top 和 left,以畫素計。此方法只對可見元素有效

$(selector).offset(value)

$(".btn1").click(function

()

});

//返回或設定的是乙個物件,包含.left和.top屬性

offsetparent()

$(selector).offsetparent()//

方法返回最近的祖先定位元素

//定位元素指的是元素的 css position 屬性被設定為 relative、absolute 或 fixed 的元素。

可以通過 jquery 設定 position,或者通過 css 的 position 屬性

$("button").click(function

());

//設定最近的祖先定位元素的背景顏色

position()

$(selector).position()//

position() 方法返回匹配元素相對于父元素的位置(偏移)(類似offset()),此方法只返回不設定

$(".btn1").click(function());

scrollleft()

scrollleft() 方法返回或設定匹配元素的滾動條的水平位置,滾動條位於最左側時,位置是 0$(selector).scrollleft()

//返回第乙個匹配元素的水平滾動條位置

$(selector).scrollleft(position)

//設定所有匹配元素的水平滾動條位置

$(".btn1").click(function

());選擇器為導致滾動條出現的元素

scrolltop()

$(selector).scrolltop(offset)//

返回或設定

$(".btn1").click(function

());

width()

$(".btn1").click(function

());

//width() 方法返回或設定匹配元素的寬度

$(selector).width()

$(selector).width(length)

jQuery 屬性操作和樣式函式

用於獲得或設定元素的dom屬性 方法描述 addclass 向匹配的元素新增指定的類名。attr 設定或返回匹配元素的屬性和值。hasclass 檢查匹配的元素是否擁有指定的類。html 設定或返回匹配的元素集合中的 html 內容。removeattr 從所有匹配的元素中移除指定的屬性。remov...

jquery的class操作 css樣式操作

切換 123 css樣式操作 jquery中不用考慮相容性,所有的語法都不需要考慮瀏覽器相容性 jquery都會給你處理好 css 屬性 獲取屬性的屬性值 結果有px單位 css 屬性,屬性值 設定屬性的屬性值 獲取 console.log div css color console.log div...

jQuery修改操作css屬性實現方法

1.如需設定單一的 css 屬性,使用如下語法 css 元素名 元素屬性 下面的例子將為所有匹配元素設定 background color 值 例項 p css background color yellow 2.設定多個 css 屬性 如需設定多個 css 屬性,請使用如下語法 css 下面的例子...