jQuery html()等方法介绍


Posted in Javascript onNovember 18, 2009

对于获取某一个元素的值,如input框,我们往往是用$('#test').val();

$('#test')这个我就不多说了,反正就是获取ID为test的这个元素。

$('#test').val(),也就是获取它的值,一般来说,凡是能够用在FORM里的元素,都可以用.val()来进行值的获取,如input,textarea,select等,都可以用.val()来获取它们的当前值

而.val('aa');则是设置该元素的值,$('#test').val('aa'),也就是相当于设置test元素的值为aa。

类似这样的用法还有两种:.html(),.text(),这两种用法往往用在div和span元素上,一般是为这两种元素进行赋值和取值。

.html()替代了以前的 .innerHTML , .html('test') ,则是替代了 .innerHTML = 'test';

这些类似的简化写法让我们在实际的操作中感觉得更加流畅。

这些方法都是直接在方法名里加参数来进行赋值和取值的。还有一些是通过第二个参数进行取值的(说的不太清楚。。。),比如$('#test').attr('name'),那么,返回的值就是它的attribute中的name了,如果$('#test').attr('id','test2'),则是相当于把这个test元素的name设为test2,再进行取值的时候,name就是test2了。

说的太乱了。。。。

Javascript 相关文章推荐
基于JQuery 选择器使用说明介绍
Apr 18 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
Mar 20 Javascript
非常漂亮的相册集 使用jquery制作相册集
Apr 28 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 Javascript
Vue过滤器的用法和自定义过滤器使用
Feb 08 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
Jun 28 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
element ui table 增加筛选的方法示例
Nov 02 Javascript
使用gulp构建前端自动化的方法示例
Dec 25 Javascript
微信小程序实现手势滑动效果
Aug 26 Javascript
详解JavaScript之Array.reduce源码解读
Nov 01 Javascript
js异步接口并发数量控制的方法示例
Nov 22 Javascript
JQuery toggle使用分析
Nov 16 #Javascript
JavaScript OOP类与继承
Nov 15 #Javascript
JavaScript的eval JSON object问题
Nov 15 #Javascript
Javascript 中文字符串处理额外注意事项
Nov 15 #Javascript
JavaScript 语法集锦 脚本之家基础推荐
Nov 15 #Javascript
Dojo 学习笔记入门篇 First Dojo Example
Nov 15 #Javascript
flash 得到自身url参数的代码
Nov 15 #Javascript
You might like
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
关于php程序报date()警告的处理(date_default_timezone_set)
2013/10/22 PHP
php layui实现前端多图上传实例
2019/07/30 PHP
静态的动态续篇之来点XML
2006/08/15 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
Jquery取得iframe下内容的方法
2013/11/18 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
jQuery插件实现无缝滚动特效
2015/11/24 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
jquery uploadify如何取消已上传成功文件
2017/02/08 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
vue.js内置组件之keep-alive组件使用
2018/07/10 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
深度剖析使用python抓取网页正文的源码
2014/06/11 Python
python中的计时器timeit的使用方法
2017/10/20 Python
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
Python3实现发送QQ邮件功能(附件)
2020/12/23 Python
Python+PyQT5的子线程更新UI界面的实例
2019/06/14 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
pycharm新建一个python工程步骤
2019/07/16 Python
Django实现跨域请求过程详解
2019/07/25 Python
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
.NET面试问题集
2015/12/08 面试题
党员个人思想汇报
2013/12/28 职场文书
活动邀请函范文
2014/01/19 职场文书
《燕子》教学反思
2014/02/18 职场文书
食品安全工作实施方案
2014/03/26 职场文书
模范班主任事迹材料
2014/12/17 职场文书
成品仓库管理员岗位职责
2015/04/09 职场文书
退休职工欢送会致辞
2015/08/01 职场文书
《秦兵马俑》教学反思
2016/02/24 职场文书
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫