jQuery修改标签的内容或值

我一直知道要修改标签的内容和值有三种方式,但是最近遇到一项目却让我在改变表单元素的值上浪费了很多时间,其实我大概都知道他们的区别在哪里,只是有的时候总是会忘记,现在就来给几个简单的例子,希望以后不要再犯糊涂;

1.关于表单

这里我就写一个关于textarea的例子吧,




	



拒绝原因
原因

描述一下这个例子吧,点击“拒绝”会弹出拒绝原因填写页面,让文本框第一次获取焦点清空文本,在未提交(未按确定)之前关闭此页再次用过“拒绝”按钮打开此页任然保留数据,当点击“确认”就会将框类的值跟换成“请输入拒绝原因”;

我之前用text()来获取值改更改值,发现始终在页面显示不出来,只能打印出来jQuery修改标签的内容或值_第1张图片

总结,表单元素顺利修改他的内容,就的使用val();

2.再说说html()与text()的区别

不同点一:

   html()在获取元素内容时,如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。

   text()在获取元素内容时,结果是由所有匹配元素包含的文本内容组合起来的文本

  1. 段落一

      
  2. 段落二

       

  3.   
  4.   
  5. $(function(){  
  6.  alert($("p").text());  
  7. })  
  8.   
  9. 弹出框结果为: 段落一段落二  

 
  

[javascript]  view plain  copy
 
  1. $(function(){  
  2.     alert($("p").html());  
  3. })  

 不同点二:

html()在获取内容时,会将其中的其他标签也读取出来

  text()在获取内容时,会忽略其中的标签

不同点三:

    html()在更改内容时,可以加入标签

    text()更改的全是内容



你可能感兴趣的:(学习日记)