j-Query，屬性、樣式的處理

2017-04-18

j-Query,css

透過 j-Query來改變或取得html上的tag的屬性，像是取得<a href="#">當中的href連結內容，或新增移除class的值等等。

取得或加入屬性

取得選取到的元素之屬性值：

.attr(屬性名稱)

設定選取到的元素屬性值：

.attr(屬性名稱,value)

移除選取到的元素屬性質：

.removeAttr(屬性名稱)

$('目標').addClass('class名稱');

$('目標').removeClass('class名稱');

class名稱不用加 '.'

$('目標').css('css屬性','值');

$('目標').css({'css屬性':'值','css屬性':'值'});

取得value

.val()

設定value

.val(value)

取得寬高

.width() .height()

取得的值是不包含padding,border,margin

設定寬高

.width(value) .height(value)

.offset()  //回傳object{top,left}

var offset = $('div:last').offsete();
console.log = offset.left;
console.log = offset.top;