JQ学习(四):HTML

一.属性

1.设置属性

attr(参数):获取/设置元素属性

参数:

①属性.例:attr(id)

②映射.例:attr({name:"hello",id:"test"})

③键,值.例:attr("name","hello");

④键,fn,例:attr("alt",function(){return $(this).src;})

removeAttr(name):移除对应的参数

2.CSS的类

addClass(class|fn):为元素添加一个类

removeClass(class|fn):为元素移除一个类

toggleClass(class|fn|bollean):为元素移除或者添加一个类,第三个参数的用处

       第三个参数为count++%3==0;则使用三次toggleClass()才会进行一次元素对类的删除或者添加

3.HTML代码/文本/值

html([val]):获取或者设置元素的html内容,注意是html内容,所以文本中的标签也会返回

text([val]):获取或者设置元素的文本内容

val([val]):获取或者设置元素的value值

2.CSS

1.css

css(参数):为元素设置CSS样式,参数类似于属性attr

2.位置

offset([{left:val1,top:val2}]):设置或获取匹配元素与当前视口/document相对偏移

position():获取匹配元素相对父元素的偏移

scrollTop():设置/获取匹配元素相对滚动条顶部的偏移

scrollLeft():设置/获取匹配元素相对滚动条左部的偏移

3.尺寸

height([val]):设置/获取匹配元素的元素高

width([val]):设置/获取匹配元素的元素宽

innerHeight():设置/获取匹配元素的元素高+上下padding

innerWidth():设置/获取匹配元素的元素宽+左右padding

outerHeight([boolean])当无参时,设置/获取匹配元素的元素高+上下padding+border宽

outerWidth([boolean]):当无参时,设置/获取匹配元素的元素宽+上下padding+border宽

另:如果有参=true,则设置/获取匹配元素的元素宽+padding+border宽+margin