JQuery属性与样式——.val()和增加样式.addClass()-创新互联

.val()和.addClass()

1  .val()用于处理表单元素的值，如input、select和textarea

2  .val()的3种方法

  .val()无参数，获取匹配的元素集合中第一个元素的当前值

  .val(value)设置匹配的元素集合中每个元素的值

  .val(function)返回设置的函数

3  通过.val()处理select元素，当没有选择项被选中，他返回null

4   .val()方法多用来设置表单的字段的值

5  如果select元素有multiple（多选）属性，并且至少一个选项被选中，.val()方法返回一个数组，这个数组包含每个选中选择项的值

6  .html()、.text()和.val()的差异总结

  .html()、.text()和.val()三种方法都是用来读取选定元素的内容，只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的value值

  .htm()和.text()方法不能使用在表单元素上，而.val()只能使用在表单元素上

  .html()方法使用在多个元素上时，只读取第一个元素，.val()方法和.html()相同

  如果其应用在多个元素上时，只能读取第一个表单元素的value值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容

  .html(htmlString)、.text(textString)和val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，将会替换所有选中元素的内容

  .html()、.text()和.val()都可以使用回调函数的返回值来动态的改变多个元素的内容

7    在HTML结构中，多个class以空格分隔，当一个节点（或称为一个标签）含有多个class时，DOM元素响应的className属性获取的不是class名称的数组，而是一个含有空格的字符串

8  .addClass()方法用于动态增加class类名

9   .addClass()的2种方法

  .addClass(className)为每个匹配元素所要增加的一个或多样式名

  .addClass(function（index，currentClass）)这个函数返回一个或更多用空格隔开的要增加的样式名

10  .addClass()方法不会替换一个样式类名，只是简单的添加一个样式类名到元素上

11  怎样在p元素增加一个newClass的样式

  如

   $("p").assClass("newClass")

12  p元素的class实际上是class=“orgClass  newCLass”样式只会在原本的类上继续增加，通过空格分隔

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。