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 相关文章推荐
JavaScript constructor和instanceof,JSOO中的一对欢喜冤家
May 25 Javascript
js 动态修改css文件的方法
Aug 05 Javascript
JSP防止网页刷新重复提交数据的几种方法
Nov 19 Javascript
jquery插件锦集【推荐】
Dec 16 Javascript
js实现文字向上轮播功能
Jan 13 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
web3.js增加eth.getRawTransactionByHash(txhash)方法步骤
Mar 15 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
Angular中sweetalert弹框的基本使用教程
Jul 22 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
Dec 09 Javascript
详解微信小程序实现仿微信聊天界面(各种细节处理)
Feb 17 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下删除字符串中HTML标签的函数
2008/08/27 PHP
php小型企业库存管理系统的设计与实现代码
2011/05/16 PHP
PHP数据的提交与过滤基本操作实例详解
2016/11/11 PHP
php-fpm.conf配置文件中文说明详解及重要参数说明
2018/10/10 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
解决表单中第一个非隐藏的元素获得焦点的一个方案
2009/10/26 Javascript
javascript下判断一个元素是否存在的代码
2010/03/05 Javascript
JavaScript基础语法让人疑惑的地方小结
2012/05/23 Javascript
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
javascript中几个容易混淆的概念总结
2015/04/14 Javascript
jquery插件orbit.js实现图片折叠轮换特效
2015/04/14 Javascript
图解js图片轮播效果
2015/12/20 Javascript
基于jquery编写的放大镜插件
2016/03/23 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
解决node.js安装包失败的几种方法
2016/09/02 Javascript
vue2.0+webpack环境的构造过程
2016/11/08 Javascript
Bootstrap页面缩小变形的快速解决办法
2017/02/03 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
Vue+axios实现统一接口管理的方法
2018/07/23 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
解决vue中el-tab-pane切换的问题
2020/07/19 Javascript
python中的装饰器详解
2015/04/13 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
Python编程中flask的简介与简单使用
2018/12/28 Python
Python3使用Matplotlib 绘制精美的数学函数图形
2019/04/11 Python
使用Python Pandas处理亿级数据的方法
2019/06/24 Python
opencv设置采集视频分辨率方式
2019/12/10 Python
详解PyQt5中textBrowser显示print语句输出的简单方法
2020/08/07 Python
Python用K-means聚类算法进行客户分群的实现
2020/08/23 Python
python装饰器实现对异常代码出现进行自动监控的实现方法
2020/09/15 Python
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
大学生党课思想汇报
2013/12/29 职场文书
2014年物业公司工作总结
2014/11/22 职场文书
首都博物馆观后感
2015/06/05 职场文书
详解Java实践之建造者模式
2021/06/18 Java/Android