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 相关文章推荐
发现的以前不知道的函数
Sep 19 Javascript
jquery 经典动画菜单效果代码
Jan 26 Javascript
google 搜索框添加关键字实现代码
Apr 24 Javascript
DOM基础教程之事件对象
Jan 20 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
Apr 06 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
Vue.js实现可配置的登录表单代码详解
Mar 29 Javascript
vue实现简单的MVVM框架
Aug 05 Javascript
angular inputNumber指令输入框只能输入数字的实现
Dec 03 Javascript
vue element table中自定义一些input的验证操作
Jul 18 Javascript
vue监听键盘事件的相关总结
Jan 29 Vue.js
Javascript生成器(Generator)的介绍与使用
Jan 31 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中使用GD库绘制折线图 折线统计图的绘制方法
2015/11/09 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
PHP查询大量数据内存耗尽问题的解决方法
2016/10/28 PHP
PHP简单实现欧拉函数Euler功能示例
2017/11/06 PHP
PHP使用PDO抽象层获取查询结果的方法示例
2018/05/10 PHP
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
求数组最大最小值方法适用于任何数组
2013/08/16 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
2015/06/01 Javascript
JavaScript中的Math.LN2属性用法详解
2015/06/12 Javascript
JavaScript使用RegExp进行正则匹配的方法
2015/07/11 Javascript
AngularJS 的$timeout服务示例代码
2017/09/21 Javascript
微信小程序上传多图到服务器并获取返回的路径
2019/05/05 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
Vue自定义全局弹窗组件操作
2020/08/11 Javascript
TensorFlow实现非线性支持向量机的实现方法
2018/04/28 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
PyCharm代码整体缩进,反向缩进的方法
2018/06/25 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
实例详解python函数的对象、函数嵌套、名称空间和作用域
2019/05/31 Python
python读取.mat文件的数据及实例代码
2019/07/12 Python
python中用logging实现日志滚动和过期日志删除功能
2019/08/20 Python
python实现通过flask和前端进行数据收发
2019/08/22 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
使用css3实现超炫的loading加载动画效果
2014/05/07 HTML / CSS
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
阿迪达斯越南官网:adidas越南
2020/07/19 全球购物
PHP开发工程师面试问题集锦
2012/11/01 面试题
武汉高蓝德国际.net机试
2016/06/24 面试题
外企测试工程师面试题
2015/02/01 面试题
十八届三中全会感言
2014/03/10 职场文书
2015年收银员个人工作总结
2015/04/01 职场文书
深入理解Pytorch微调torchvision模型
2021/11/11 Python
python中mongodb包操作数据库
2022/04/19 Python