详解jQuery获取特殊属性的值以及设置内容

2019-11-13,,

jQuery特殊属性方法

val方法

val方法适用于设置和获取表单元素的值,例如input、textarea的值

//获取name的值
$("#name").val("");
//设置name的值
$("#name").val("张三");

html方法

html方法相当于innerHTML,会识别html标签

//获取内容的值$("div").html("<span>今天天气真好</span>");

text方法

text方法相当于innerText,不会识别html标签

//获取内容的值
$("div").text();
//设置内容的值
$("div").text("<span>今天天气真好</span>");

innerHTML与innerText的区别

innerText 打印的是标签间的文本信息,会将标签过滤掉而且低版本的火狐浏览器不支持

innerHtml 打印标签之间的内容包括标签和文本信息并且各浏览器都支持

width方法与height方法

两者使用的方法一样

$(“img”).width(200);//设置图片的宽度
$(“img”).width();//获取图片的宽度;
例如获取可视区的宽高
$(window).width();
$(window).height();

【注意】当()里的内容为空时代表获取内容的值,有值时代表设置内容的值

总结:通过本文的介绍,想必大家学会了如何去获取一个元素的文本值和设置文本内容,以及可视区的宽度和高度的值,希望本文对大家的学习有所帮助。

您可能感兴趣的文章:

  • 使用jQuery获得内容以及内容的属性
  • jQuery获取选中内容及设置元素属性的方法
  • jQuery获得内容和属性示例代码
  • jQuery获得内容和属性方法及示例
  • jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
  • jQuery第三课 修改元素属性及内容的代码
  • 详解jQuery设置内容和属性

《详解jQuery获取特殊属性的值以及设置内容.doc》

下载本文的Word格式文档,以方便收藏与打印。