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调用webService远程访问出错的解决方法
May 21 Javascript
JavaScript为对象原型prototype添加属性的两种方式
Aug 01 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 Javascript
js取模(求余数)隔行变色
May 15 Javascript
JsRender for index循环索引用法详解
Oct 31 Javascript
jQuery实现在列表的首行添加数据
May 19 Javascript
基于jQuery实现简单的折叠菜单效果
Nov 23 Javascript
纯js三维数组实现三级联动效果
Feb 07 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 Javascript
推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
Apr 21 jQuery
VueCli3构建TS项目的方法步骤
Nov 07 Javascript
关于vue的列表图片选中打钩操作
Sep 09 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页面缓存ob系列函数介绍
2012/10/18 PHP
排序算法之PHP版快速排序、冒泡排序
2014/04/09 PHP
php 模拟 asp.net webFrom 按钮提交事件实例
2014/10/13 PHP
PHP通过引用传递参数用法分析
2016/12/01 PHP
PHP count_chars()函数讲解
2019/02/14 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
利用JS进行图片的切换即特效展示图片
2013/12/03 Javascript
javascript文件中引用依赖的js文件的方法
2014/03/17 Javascript
JS实现支持多选的遍历下拉列表代码
2015/08/20 Javascript
jquery限定文本框只能输入数字(整数和小数)
2016/01/08 Javascript
网络传输协议(http协议)
2016/11/18 Javascript
jquery与js实现全选功能的区别
2017/06/11 jQuery
vue.js 上传图片实例代码
2017/06/22 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
webpack打包非模块化js的方法
2018/10/24 Javascript
JS实现判断有效的数独算法示例
2019/02/25 Javascript
JS开发自己的类库实例分析
2019/08/28 Javascript
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
Python编程中的文件操作攻略
2015/10/16 Python
python paramiko模块学习分享
2017/08/23 Python
Django实现全文检索的方法(支持中文)
2018/05/14 Python
numpy.random模块用法总结
2019/05/27 Python
基于Python绘制美观动态圆环图、饼图
2020/06/03 Python
纯CSS3实现圆角效果(含IE兼容解决方法)
2014/05/07 HTML / CSS
NEW LOOK官网:英国时装零售巨头之一,快时尚品牌
2017/01/11 全球购物
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
意大利奢侈品牌在线精品店:Jole.it
2020/11/23 全球购物
写自荐信的七个技巧
2013/10/15 职场文书
医学专业毕业生个人的求职信
2013/12/04 职场文书
建议书怎么写
2014/03/12 职场文书
小学家长意见怎么写
2015/06/03 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书
Python卷积神经网络图片分类框架详解分析
2021/11/07 Python