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


Posted in jQuery onNovember 14, 2018

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插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
关于jquery layui弹出层的使用方法
Apr 21 jQuery
jQuery获取随机颜色的实例代码
May 21 jQuery
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
Jquery获取radio选中值实例总结
Jan 17 jQuery
Jquery让form表单异步提交代码实现
Nov 14 jQuery
jquery实现轮播图特效
Apr 12 jQuery
jquery更改元素属性attr()方法操作示例
May 22 jQuery
jQuery 操作 HTML 元素和属性的方法
Nov 12 #jQuery
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 #jQuery
Jquery和CSS实现选择框重置按钮功能
Nov 08 #jQuery
jQuery+PHP实现上传裁剪图片
Jun 29 #jQuery
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 #jQuery
jquery使用FormData实现异步上传文件
Oct 25 #jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 #jQuery
You might like
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
php操作MongoDB基础教程(连接、新增、修改、删除、查询)
2014/03/25 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
jquery 圆形旋转图片滚动切换效果
2011/01/19 Javascript
js预载入和JavaScript Image()对象使用介绍
2011/08/28 Javascript
jQuery提交多个表单的小例子
2013/06/30 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
2015/12/09 Javascript
学做Bootstrap的第一个页面
2016/05/15 HTML / CSS
JS命令模式例子之菜单程序
2016/10/10 Javascript
angularjs之$timeout指令详解
2017/06/13 Javascript
Nodejs调用WebService的示例代码
2017/09/29 NodeJs
JavaScript循环遍历你会用哪些之小结篇
2018/09/28 Javascript
基于vue通用表单解决方案的思考与分析
2019/03/16 Javascript
js事件触发操作实例分析
2019/06/21 Javascript
JavaScript函数IIFE使用详解
2019/10/21 Javascript
uniapp与webview之间的相互传值的实现
2020/06/29 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海
2015/05/25 DOTA
在Python中使用gRPC的方法示例
2018/08/08 Python
python简单操作excle的方法
2018/09/12 Python
Python实现去除列表中重复元素的方法总结【7种方法】
2019/02/16 Python
为什么你还不懂得怎么使用Python协程
2019/05/13 Python
对pytorch的函数中的group参数的作用介绍
2020/02/18 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
HTML5实现QQ聊天气泡效果
2017/06/26 HTML / CSS
HTML5中的音频和视频媒体播放元素小结
2016/01/29 HTML / CSS
H&M美国官网:欧洲最大的服饰零售商
2016/09/07 全球购物
欧洲著名的珠宝和手表网上商城:uhrcenter
2017/04/10 全球购物
TripAdvisor斯洛伐克:阅读评论、比较价格和酒店预订
2018/04/25 全球购物
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
创立科技Java面试题
2015/11/29 面试题
租房协议书
2014/04/10 职场文书
2014年化妆品销售工作总结
2014/12/01 职场文书