html()方法设置或返回被选元素的内容

类似于 innerHTML

只能读写到双标签

取值:

a标签jquery赋值 jquery 标签赋值_a标签jquery赋值


a标签jquery赋值 jquery 标签赋值_赋值_02


在li中会有一个特殊情况,会取第一个li的值。

a标签jquery赋值 jquery 标签赋值_html_03


赋值:

a标签jquery赋值 jquery 标签赋值_html_04


效果:

a标签jquery赋值 jquery 标签赋值_a标签jquery赋值_05


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

基于innerText

与html的使用差不多,但是赋值时写入标签名,也不会识别为标签,只能是字符串文本。

html 和 text 都可以使用函数。size()方法返回被 jQuery 选择器匹配的元素的数量。

从下面可以看出与length差不多

a标签jquery赋值 jquery 标签赋值_a标签jquery赋值_06


a标签jquery赋值 jquery 标签赋值_css_07

addClass() 方法向被选元素添加一个或多个类

还可以使用函数

a标签jquery赋值 jquery 标签赋值_赋值_08


效果:

a标签jquery赋值 jquery 标签赋值_jquery_09


removeClass()方法从被选元素移除一个或多个类。

根据传入的class值删除,与addClass的使用一样,但是要注意不添加参数,代表清除所有样式。css()方法设置或返回被选元素的一个或多个样式属性

注意的是css方法设置的是行内样式,并且返回的值是计算过的。

a标签jquery赋值 jquery 标签赋值_赋值_10


a标签jquery赋值 jquery 标签赋值_css_11


要注意的是尽量少使用css()方法,对前端的优化有作用。hasClass()方法检查被选元素是否包含指定的 class。

返回值 true 或 false

a标签jquery赋值 jquery 标签赋值_jquery_12


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

基于setAttribute getAttribute

自定义的标签属性也可以获取到

a标签jquery赋值 jquery 标签赋值_html_13


给元素添加多个属性

a标签jquery赋值 jquery 标签赋值_html_14


a标签jquery赋值 jquery 标签赋值_a标签jquery赋值_15


要注意的是selected disabled checked这种类型的属性,获取的是他们本身,没有就是undefinedprop() 方法设置或返回被选元素的属性和值

a标签jquery赋值 jquery 标签赋值_赋值_16


a标签jquery赋值 jquery 标签赋值_html_17


a标签jquery赋值 jquery 标签赋值_html_18


从上面就可以看出与attr()不同,它只能设置标签的属性,自定义属性不能设置,并且selected disabled checked这种类型的属性,返回值是Boolean类型,true 或 false。val()方法返回或设置被选元素的值

获取value值,多用在表单中。

a标签jquery赋值 jquery 标签赋值_css_19


a标签jquery赋值 jquery 标签赋值_html_20


未设置参数,则返回被选元素的当前值

这些方法,我就介绍到这里,要自己下去动手练习,看文档五遍没有自己动手写一遍强。