开发者社区> 科技小能手> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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 class="orgClass">

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

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


本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1982303


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
全面入门jQuery最佳实践(二)-jQuery的属性与样式
1 .attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。
799 0
jQuery基础 (一)——样式篇(属性与样式)
一、操作特性的DOM方法主要有3个 getAttribute方法 setAttribute方法 removeAttribute方法 注意:而在jQuery中用一个attr()与removeAttr()就可以全部搞定了,包括兼容问题 二、注意的问题 dom中有个概念的区分:Attribute和Property翻译出来都是“属性”,《js高级程序设计》书中翻译为“特性”和“属性”。
531 0
jQuery插件实现图片墙小案例
jQuery插件实现图片墙小案例
0 0
【jquery Ajax】接口的学习与Postcode插件的使用
【jquery Ajax】接口的学习与Postcode插件的使用
0 0
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
0 0
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
0 0
NET MVC第七章、jQuery插件验证
NET MVC第七章、jQuery插件验证
0 0
编写自定义的JQuery插件的几个注意点
编写自定义的JQuery插件的几个注意点
0 0
文章
问答
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载