jQuery 样式

jQuery 基本使用

通过JS的方式获取元素

 通过jQuery的方式获取元素

 jQuery对象与DOM对象

jQuery对象可以使用jQuery的方法但是不能使用JS的方法

 JS对象可以使用JS 中的方法但是不能使用jQuery的方法

Html()与Text() 文本

通过JS的方法给元素设置内容

 

 

html('文本/标签')  text('文本') 给元素设置内容

 

 通过JS的方法获取到input标签的value值

 通过Val()方法获取元素的值

 通过val()方法给元素设置新的value值

 Css()方法的使用

Css()访问匹配元素的样式属性css('属性'，'属性值')方法传入2个参数

 Css({属性1：属性值1，属性2：属性值2...})

 Css()方法可以获取元素的指定样式（获取的元素是显示样式 不一定是行内样式）

 Attr()与removeAttr()的方法

Attr()方法设置或返回被选元素的属性值（这里attr()说的属性(特性)是值在HTML标签上的属性）

$(ele).attr('属性名') 获取被选择元素的属性值

$(ele).attr('属性名','属性值') 设置被选择元素的属性值

 通过jQuery中的attr方法设置

 removeAttr()方法：从每一个匹配的元素中删除一个属性

 Prop()与removeProp()的方法

prop()获取/设置 匹配元素上的属性（注意操作的是DOM元素节点上面的属性）

获取属性：prop('属性名') 设置属性：prop('属性名','属性值')

他获取的不是标签上的属性 是DOM元素上的属性

 addClass()removeClass()与toggleClass()的方法

addClass('类1 类2') 给元素添加一个或多个类  jQuery中的事件绑定

 removeClass() 移除元素上的一个或多个类名

toggleClass() 可以实现class类的切换

 Height()width()的方法

height()可以获取元素的高度 内容部分的高度   

width()可以获取元素的宽度 内容部分的宽度

 height(300) 可以设置元素的高度   width(300) 可以设置元素的宽度

 innerHeight()与innerWidth()的方法

innerHeight()可以获取元素的高度 内容+内边距

innerWidth()可以获取元素的宽度 内容+内边距

 outerHeight()与outerWidth()的方法

 outerHeight()可以获取元素的高度 内容+上下内边距+上下边框

 outerWidth()可以获取元素的宽度 内容+左右内边距+左右边框