当前位置:   article > 正文

jQuery获取、设置元素和元素样式操作(note)_jq 获取 note

jq 获取 note

获取和设置元素的内容

在jQuery中,操作元素内容的方法包括html()和text()。前者与JavaScript中的innerHTML属性类似,即获取或设置元素的HTML内容;后者类似于JavaScript中的innerText属性,即获取或设置元素的文本内容。
语法格式参数说明功能描述
html()无参数用于获取元素的HTML内容
html(val)val参数为元素的HTML用于设置元素的HTML内容
text()无参数用于获取元素的文本内容
text(val)val参数为元素的文本内容用于设置元素的文本内容

获取或设置元素的值

在jQuery中,要获取元素的值通过val()方法实现,其语法格式: val(val)
其中,如果不带参数val,是获取某元素的值;反之,则是将参数val的值赋给某元素,即设置元素的值。该方法常用于表单中获取或设置对象的值。
另外,通过val()方法看还可以获取select标记中的多个选项值,器语法格式如下所示:     val().join(",")

元素样式操作

在页面中,元素样式的操作包含:直接设置样式、增加CSS类别、类别切换、删除类别几部分。

直接设置元素的样式值

在jQuery中,可以通过css()方法为某个指定的元素设置样式值,其语法:      css(name,value)
其中name为样式名称,value为样式的值。

增加元素CSS类别

通过addClass()方法增加元素类别的名称,其语法: addClass(class)
其中,参数class为类别的名称,也可以增加多个类别的名称,只需要用空格将其隔开即可,其语法格式:
addClass(class0 calss1 ...)

切换元素CSS类别

通过toggleClass()方法切换不同的元素类别,其语法格式: toggleClass(class)
其中,参数class为类别名称,其功能是当元素中含有名称为class的CSS类别时,删除该类别,否则增加一个该名称的CSS类别。

删除元素CSS类别

removeClass()方法用于删除类别,其语法格式: removeClass([class])
其中,参数class为类别名称,该名称是可选的。当选该名称时,删除名称是class的类别,有多个类别时用空格隔开。如果不选名称,则删除元素中的所有类别。
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/574099
推荐阅读
相关标签
  

闽ICP备14008679号