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”样式只会在原本的类上继续增加,通过空格分隔
网页标题:JQuery属性与样式——.val()和增加样式.addClass()
地址分享:http://ybzwz.com/article/ggoghd.html