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 相关文章推荐
利用onresize使得div可以随着屏幕大小而自适应的代码
Jan 15 Javascript
javascript框架设计读书笔记之数组的扩展与修复
Dec 02 Javascript
jquery获取当前日期的方法
Jan 14 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
Jun 24 Javascript
理解javascript中的MVC模式
Jan 28 Javascript
VC调用javascript的几种方法(推荐)
Aug 09 Javascript
Javascript动画效果(2)
Oct 11 Javascript
DOM 事件的深入浅出(二)
Dec 05 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
Apr 22 Javascript
vue使用stompjs实现mqtt消息推送通知
Jun 22 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
插件导致ECharts被全量引入的坑示例解析
Sep 23 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
PHP新手用的Insert和Update语句构造类
2012/03/31 PHP
jquery 事件对象属性小结
2010/04/27 Javascript
JQuery动态给table添加、删除行 改进版
2011/01/19 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
2011/04/16 Javascript
javascript针对DOM的应用实例(一)
2012/04/15 Javascript
js实现动态改变字体大小代码
2014/01/02 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
2016/01/08 Javascript
基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
2016/02/18 Javascript
JS中artdialog弹出框控件之提交表单思路详解
2016/04/18 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
2017/11/22 Javascript
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
ES6知识点整理之模块化的应用详解
2019/04/15 Javascript
Vue使用NProgress的操作过程解析
2019/10/10 Javascript
使用 Jest 和 Supertest 进行接口端点测试实例详解
2020/04/25 Javascript
vue中使用echarts的示例
2021/01/03 Vue.js
[00:12]2018DOTA2亚洲邀请赛 sylar表现SOLO技艺
2018/04/06 DOTA
python操作xml文件详细介绍
2014/06/09 Python
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
python常见排序算法基础教程
2017/04/13 Python
python取数作为临时极大值(极小值)的方法
2018/10/15 Python
tensorboard 可以显示graph,却不能显示scalar的解决方式
2020/02/15 Python
Python批量处理csv并保存过程解析
2020/05/16 Python
python绘制雷达图实例讲解
2021/01/03 Python
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
社区包粽子活动方案
2014/01/21 职场文书
幼儿园教师演讲稿
2014/05/06 职场文书
学校爱心捐款倡议书
2014/05/13 职场文书
教师廉洁自律承诺书
2014/05/26 职场文书
商务经理岗位职责
2014/08/03 职场文书
银行业务授权委托书
2014/10/10 职场文书
军训个人总结
2015/03/03 职场文书
2015年“7.11”世界人口日宣传活动方案
2015/05/06 职场文书