美文网首页
jQuery 操作form表单

jQuery 操作form表单

作者: 四爷来了 | 来源:发表于2019-04-16 17:05 被阅读0次

jQuery 操作form表单

1、属性操作

  • 设置属性
$(selector).attr("title", "强大的jQuery");
// 第一个参数表示:要设置的属性名称
// 第二个参数表示:改属性名称对应的值
  • 获取属性
$(selector).attr("title");
// 参数为:要获取的属性的名称,改操作会返回指定属性对应的值
//此时,返回指定属性的值
  • 移除属性
$(selector).removeAttr("title"); 
// 参数为:要移除的属性的名称
/注意/:checked、selected、disabled要使用 .prop() 方法。
prop方法通常用来影响DOM元素的动态状态,而不是改变的HTML属性。
例如:input和button的disabled特性,以及checkbox的checked特性。
细节参考:http://api.jquery.com/prop/

2、值和内容

  • val ( )
/作用/:设置或返回表单元素的值,例如:input,select,textarea的值
// 获取匹配元素的值,只匹配第一个元素
$(selector).val();
// 设置所有匹配到的元素的值
$(selector).val("具体值");
  • text ( )
/作用/:设置或获取匹配元素的文本内容
//获取操作不带参数(注意:这时候会把所有匹配到的元素内容拼接为一个字符串,不同于其他获取操作!)
$(selector).text();
//设置操作带参数,参数表示要设置的文本内容
$(selector).text("我是内容");

相关文章

网友评论

      本文标题:jQuery 操作form表单

      本文链接:https://www.haomeiwen.com/subject/qsxiwqtx.html