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 相关文章推荐
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
Dec 28 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
Aug 05 Javascript
JS+DIV+CSS实现的经典标签切换效果代码
Sep 14 Javascript
写给小白的JavaScript引擎指南
Dec 04 Javascript
JS验证图片格式和大小并预览的简单实例
Oct 11 Javascript
有关文件上传 非ajax提交 得到后台数据问题
Oct 12 Javascript
AngularJS ui-router (嵌套路由)实例
Mar 10 Javascript
通过命令行创建vue项目的方法
Jul 20 Javascript
jqgrid实现简单的单行编辑功能
Sep 30 Javascript
基于jquery实现五星好评
Nov 18 jQuery
JavaScript中Object值合并方法详解
Dec 22 Javascript
layui 实现加载动画以及非真实加载进度的方法
Sep 23 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初学者常见问题集合 修正版(21问答)
2010/03/23 PHP
php读取目录所有文件信息dir示例
2014/03/18 PHP
浅析php原型模式
2014/11/25 PHP
php一个解析字符串排列数组的方法
2015/05/12 PHP
php利用header函数下载各种文件
2016/08/24 PHP
极酷的javascirpt,让你随意编辑任何网页
2007/02/25 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
2013/04/02 Javascript
js实现超简单的展开、折叠目录代码
2015/08/28 Javascript
学习javascript的闭包,原型,和匿名函数之旅
2015/10/18 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
2015/10/23 Javascript
javascript cookie基础应用之记录用户名的方法
2016/09/20 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
2017/06/01 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
JavaScript使用闭包模仿块级作用域操作示例
2019/01/21 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
2020/02/06 Javascript
OpenLayers3实现鼠标移动显示坐标
2020/09/25 Javascript
[03:48]2014DOTA2 TI专访71DK夺冠不靠小组赛高排名
2014/07/11 DOTA
python如何在终端里面显示一张图片
2016/08/17 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
python网络应用开发知识点浅析
2019/05/28 Python
Python使用Pandas读写Excel实例解析
2019/11/19 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
canvas基础之图形验证码的示例
2018/01/02 HTML / CSS
HTML5新标签兼容——> 的两种方法
2018/09/12 HTML / CSS
美国室内和室外装饰花盆购物网站:ePlanters
2019/03/22 全球购物
电脑专业个人求职信范文
2014/02/04 职场文书
班委竞选演讲稿
2014/04/28 职场文书
七一表彰大会简报
2015/07/20 职场文书
经典祝酒词大全
2015/08/12 职场文书
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android