jQuery学习笔记 操作jQuery对象 属性处理


Posted in Javascript onSeptember 19, 2012

元素的属性处理

方法 描述
attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,…,nameN:valueN}) 获取某个属性的取值,或可以用于设置某个属性的值。还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index+1)个元素的name属性设置为函数返回值(实际上,明白函数式就根本不需要这说明)。也可以一次性给同一元素多个属性
removeAttr(name) 删除某个元素的属性取值

 

元素的class属性处理

方法 描述
attr(“class”) removeAttr(“class”) class明显也是属性,所以attr()完全可以处理
addClass(value) 为元素的class属性追加一个或多个属性值。多个属性值,值与值之间同样用空格连接
removeClass(value) 为元素的class属性移除一个或多个属性值
toggleClass(value) 控制class属性中一个或多个属性值的切换,即存在就删除,不存在则添加
hasClass(value) 判断元素class属性中是否含有某个属性值,返回布尔值

 

元素内部的HTML、文本处理

方法 描述
html() html(value) html(fn(index,value)) 获取元素内部的HTML代码,也可以设置元素内部的HTML代码。还可以使用函数参数,把返回值作为需要在元素内部添加的HTML代码
text() text(value) text(fn(index,value)) 获取元素内部的文本内容,也可以设置元素内部的文本内容,但是该方法不但替换原有文本内容,连后代元素一并替换。还可以使用函数参数,把返回值作为需要在元素内部添加的文本内容

 

表单元素的属性处理

方法 描述
val() val(value) val(fn(index,value)) val([value1,…, valueN]) 获取表单元素的value属性的值,或可以设置表单元素的value属性的值。也可以用函数参数。还可以选定具有特定value属性值的表单选项,对于radio和未设置mutiple的select元素,val参数中只有最后一个value值有效
Javascript 相关文章推荐
客户端脚本中常常出现的一些问题和调试技巧
Jan 09 Javascript
js function使用心得
May 10 Javascript
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
May 24 Javascript
解决拦截器对ajax请求的拦截实例详解
Dec 21 Javascript
AngularJS动态菜单操作指令
Apr 25 Javascript
vue.js 上传图片实例代码
Jun 22 Javascript
详解VUE中v-bind的基本用法
Jul 13 Javascript
基于Vue实现图书管理功能
Oct 17 Javascript
微信小程序实现选项卡功能
Jun 19 Javascript
浅析vue.js数组的变异方法
Jun 30 Javascript
解决Vue中 父子传值 数据丢失问题
Aug 27 Javascript
基于Node的Axure文件在线预览的实现代码
Aug 28 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
Sep 19 #Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 #Javascript
dotopAlert 提示用户需安装播放器的代码
Sep 17 #Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 #Javascript
js函数的引用, 关于内存的开销
Sep 17 #Javascript
JavaScript中的稀疏数组与密集数组[译]
Sep 17 #Javascript
JavaScript中:表达式和语句的区别[译]
Sep 17 #Javascript
You might like
如何正确理解PHP的错误信息
2006/10/09 PHP
php 301转向实现代码
2008/09/18 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
PHP提取字符串中的手机号正则表达式怎么写
2017/07/17 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
PHPExcel 修改已存在Excel的方法
2018/05/03 PHP
在IE上直接编辑网页内容的js代码(IE地址栏js)
2009/04/27 Javascript
javascript AOP 实现ajax回调函数使用比较方便
2010/11/20 Javascript
一个轻量级的javascript库 pj介绍
2010/12/19 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
2011/01/31 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
2011/05/02 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
2013/05/11 Javascript
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
jQuery、zepto、js常用小技巧
2017/02/12 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
Angular2实现自定义双向绑定属性
2017/03/22 Javascript
Js利用Canvas实现图片压缩功能
2017/09/13 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
详解Angular cli配置过程记录
2019/11/07 Javascript
jQuery实现小火箭返回顶部特效
2020/02/03 jQuery
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
vue实现选中效果
2020/10/07 Javascript
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
Python数据类型详解(二)列表
2016/05/08 Python
Python实现七彩蟒蛇绘制实例代码
2018/01/16 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
解决使用export_graphviz可视化树报错的问题
2019/08/09 Python
Python一键查找iOS项目中未使用的图片、音频、视频资源
2019/08/12 Python
python或C++读取指定文件夹下的所有图片
2019/08/31 Python
优秀员工自荐信范文
2013/10/05 职场文书
青年文明号事迹材料
2014/01/18 职场文书
代理协议书范本
2014/04/22 职场文书
2016七一建党节慰问信
2015/11/30 职场文书