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

 更新时间:2018年11月14日 08:41:38   投稿:laozhang  
在本篇内容里小编给大家分享了jQuery获取特殊属性的值以及设置内容相关知识点,有需要的朋友们参考下。

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禁用右键单击功能屏蔽F5刷新

    jquery禁用右键单击功能屏蔽F5刷新

    这篇文章主要介绍了jquery禁用右键单击功能屏蔽F5刷新的具体实现,需要的朋友可以参考下
    2014-03-03
  • jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】

    jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】

    这篇文章主要介绍了jQuery插件HighCharts实现的2D回归直线散点效果,结合实例形式分析了jQuery基于HighCharts插件绘制直线散点图形的具体相关操作步骤与实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • jQuery模拟原生态App上拉刷新下拉加载更多页面及原理

    jQuery模拟原生态App上拉刷新下拉加载更多页面及原理

    很多App中,新闻或者展示类都存在下拉刷新和上拉加载的效果,如何实现上拉刷新下拉加载更多页面的呢?下面小编通过下面内容给大家介绍jQuery模拟原生态App上拉刷新下拉加载更多页面及原理,需要的朋友可以参考下
    2015-08-08
  • 瀑布流布局并自动加载实现代码

    瀑布流布局并自动加载实现代码

    Pinterest使用一种新的方式布局取得成功之后,们把他叫做瀑布流,国内现有美丽说,蘑菇街,花瓣等代表的网站接下来为你介绍一个juqery的插件masonry的使用,感兴趣的你可以参考下哈
    2013-03-03
  • jQuery根据用户电脑是mac还是pc加载对应样式的方法

    jQuery根据用户电脑是mac还是pc加载对应样式的方法

    这篇文章主要介绍了jQuery根据用户电脑是mac还是pc加载对应样式的方法,涉及jQuery针对客户端信息的获取及样式的调用技巧,需要的朋友可以参考下
    2015-06-06
  • jQuery 1.5最新版本的改进细节分析

    jQuery 1.5最新版本的改进细节分析

    jQuery 1.5 beta1出来了,从学习跟进上来说,这一次已经比较晚了(我竟然不知道1.5什么时候出的alpha,就这么beta了)。
    2011-01-01
  • JQuery复选框全选效果如何实现

    JQuery复选框全选效果如何实现

    这篇文章主要介绍了JQuery复选框全选效果如何实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • jQuery选择器之层次选择器用法实例分析

    jQuery选择器之层次选择器用法实例分析

    这篇文章主要介绍了jQuery选择器之层次选择器用法,结合实例形式分析了jQuery后代元素选择器、子元素选择器、相邻元素选择器、兄弟元素选择器等相关使用技巧,需要的朋友可以参考下
    2019-02-02
  • jquery插件制作 表单验证实现代码

    jquery插件制作 表单验证实现代码

    今天的内容是关于表单验证插件的制作。表单验证控件实现的主要功能是,当表单提交的时候检查必填项是否正确填写,同时根据需要验证输入信息是否符合规范
    2012-08-08
  • jQuery validate+artdialog+jquery form实现弹出表单思路详解

    jQuery validate+artdialog+jquery form实现弹出表单思路详解

    在项目需求中有这样一功能:在页面弹出一个form表单,ajax无刷新提交表单,表单需通过验证。下面小编给大家介绍通过jQuery validate+artdialog+jquery form实现弹出表单思路详解,需要的朋友参考下吧
    2016-04-04

最新评论