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中文入门指南,翻译加实例,jQuery的起点教程
Jan 13 Javascript
js使用eval解析json(js中使用json)
Jan 17 Javascript
Javascript基础教程之while语句
Jan 18 Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
vue-router 中router-view不能渲染的解决方法
May 23 Javascript
使用express获取微信小程序二维码小记
May 21 Javascript
layui的select联动实现代码
Sep 28 Javascript
详解小程序如何改变onLoad的执行时机
Nov 01 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
Nov 05 Javascript
了不起的11个JavaScript代码重构最佳实践小结
Jan 11 Javascript
vue实现防抖的实例代码
Jan 11 Vue.js
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
用Socket发送电子邮件
2006/10/09 PHP
PHP 配置open_basedir 让各虚拟站点独立运行
2009/11/12 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
ThinkPHP的Widget扩展实例
2014/06/19 PHP
PHP 读取和编写 XML
2014/11/19 PHP
tp5(thinkPHP5)框架连接数据库的方法示例
2018/12/24 PHP
javascript下对于事件、事件流、事件触发的顺序随便说说
2010/07/17 Javascript
Juqery Html(),append()等方法的Bug解决方法
2010/12/13 Javascript
详解Javascript中的Object对象
2016/02/28 Javascript
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/06 Javascript
jQuery插件zTree实现删除树子节点的方法示例
2017/03/08 Javascript
JavaScript指定断点操作实例教程
2018/09/18 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
在pycharm中开发vue的方法步骤
2020/03/04 Javascript
原生js实现购物车
2020/09/23 Javascript
python中的reduce内建函数使用方法指南
2014/08/31 Python
举例讲解Python设计模式编程的代理模式与抽象工厂模式
2016/01/16 Python
python的unittest测试类代码实例
2017/12/07 Python
python format 格式化输出方法
2018/07/16 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
亚洲航空公司官方网站:AirAsia
2019/11/25 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
服装创业计划书范文
2014/02/05 职场文书
学校关爱留守儿童活动方案
2014/08/27 职场文书
群众路线剖析材料(四风)
2014/11/05 职场文书
优秀工作者事迹材料
2014/12/26 职场文书
MySQL 常见存储引擎的优劣
2021/06/02 MySQL
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android
frg-100简单操作(设置)说明
2022/04/05 无线电
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang