jQurey预习0416 val方法，text方法，html方法，css方法，attr方法，prop方法

0416 预习

val方法（设置和返回value属性的值），
text方法（设置和返回innerText），
html方法（设置和返回innerHTML），
css方法（设置和返回CSS属性），

attr方法（setAttribute与getAttribute），
prop方法（.prop 用于检索页面被选元素当前的值）

attr与prop的区别如同getAttribute与.prop//getAttribute获取的是原始的设置值，.prop获取的是目前的状态

1.val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数，则返回被选元素的当前值。

2.text()

text() 方法设置或返回被选元素的文本内容。

当该方法用于返回内容时，则返回所有匹配元素的文本内容（会删除 HTML 标记）。

当该方法用于设置内容时，则重写所有匹配元素的内容。

提示：如需设置或返回被选元素的 innerHTML（文本 + HTML 标记），请使用 html() 方法。

3.html()
html()方法返回或设置被选元素的内容 (inner HTML)。

如果该方法未设置参数，则返回被选元素的当前内容。

4.css()

4.1返回css的某个属性的值
$(“p”).css(“background-color”);

4.2设置CSS某个属性的值
$(“p”).css(“background-color”,“yellow”);

4.3连续设置多个CSS属性的值//通过键值对
$(“p”).css({“background-color”:“yellow”,“font-size”:“200%”});

5.attr() 方法设置或返回被选元素的属性值。

5.1 返回值语法 $(selector).attr(attribute)

5.2 设置属性值语法。$(selector).attr(attribute,value)

5.3 设置多个属性值 $(selector).attr({attribute:value, attribute:value …})

6.prop

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时，则返回第一个匹配元素的值。

当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。

返回属性的值：
$(selector).prop(property)

设置属性和值：
$(selector).prop(property,value)

使用函数设置属性和值：
$(selector).prop(property,function(index,currentvalue))

设置多个属性和值：
$(selector).prop({property:value, property:value,…})