详解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 校验中国身份证号码实例详解
Apr 11 jQuery
jquery将标签元素的高设为屏幕的百分比
Apr 19 jQuery
JQuery 获取Dom元素的实例讲解
Jul 08 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
jQuery实现模糊查询的方法分析
May 10 jQuery
jquery分页优化操作实例分析
Aug 23 jQuery
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
jQuery实现轮播图源码
Oct 23 jQuery
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
jQuery实现鼠标拖动图片功能
Mar 04 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
PHP5与MySQL数据库操作常用代码 收集
2010/03/21 PHP
php格式输出文件var_export函数实例
2014/11/15 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
[原创]php简单防盗链验证实现方法
2016/07/09 PHP
Laravel学习教程之本地化模块
2017/08/18 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
MooTools 1.2介绍
2009/09/14 Javascript
javascript 面向对象继承
2009/11/26 Javascript
JavaScript对象链式操作代码(jquery)
2010/07/04 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
2011/09/13 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
基于jquery实现发送文章到手机的代码
2014/12/26 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
javascript汉字拼音互转的简单实例
2016/10/09 Javascript
简单三步实现报表页面集成天气
2016/12/15 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
Vue-CLI 3.X 部署项目至生产服务器的方法
2019/03/22 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
2020/08/05 Javascript
Vue-cli 移动端布局和动画使用详解
2020/08/10 Javascript
python实现图书馆研习室自动预约功能
2018/04/27 Python
python把1变成01的步骤总结
2019/02/27 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
Python学习笔记之Break和Continue用法分析
2019/08/14 Python
Python文件操作函数用法实例详解
2019/12/24 Python
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
MYPROTEIN澳大利亚官方网站:欧洲运动营养品牌
2019/06/26 全球购物
创意活动策划书
2014/01/15 职场文书
护理工作感言
2014/01/16 职场文书
大学生旷课检讨书
2014/01/22 职场文书
2015年上半年信访工作总结
2015/03/30 职场文书
优秀家长事迹材料(2016推荐版)
2016/02/29 职场文书
2016学校先进党组织事迹材料
2016/02/29 职场文书
js之ajax文件上传
2021/05/13 Javascript
分享7个 Python 实战项目练习
2022/03/03 Python