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 相关文章推荐
JS 有名函数表达式全面解析
Mar 19 Javascript
js内置对象 学习笔记
Aug 01 Javascript
通过百度地图获取公交线路的站点坐标的js代码
May 11 Javascript
jQuery浏览器CSS3特写兼容实例
Jan 19 Javascript
bootstrap警告框使用方法解析
Jan 13 Javascript
vue组件Prop传递数据的实现示例
Aug 17 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
Nov 24 Javascript
Vuex 入门教程
Jan 10 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
Mar 31 Javascript
基于javascript canvas实现五子棋游戏
Jul 08 Javascript
Node.js 中判断一个文件是否存在
Aug 24 Javascript
vue $router和$route的区别详解
Dec 02 Vue.js
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 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
php扩展开发入门demo示例
2019/09/23 PHP
node.js中的fs.createReadStream方法使用说明
2014/12/17 Javascript
javascript实现类似超链接的效果
2014/12/26 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
2015/03/21 Javascript
轻松实现javascript图片轮播特效
2016/01/13 Javascript
JS组件Bootstrap Table布局详解
2016/05/27 Javascript
几句话带你理解JS中的this、闭包、原型链
2016/09/26 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
Canvas实现放射线动画效果
2017/02/15 Javascript
微信小程序实现图片压缩功能
2018/01/26 Javascript
javascript面向对象三大特征之多态实例详解
2019/07/24 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
vue 更改连接后台的api示例
2019/11/11 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
2019/12/27 Javascript
基于Vue实现微前端的示例代码
2020/04/24 Javascript
[48:48]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Dream TIME
2014/05/21 DOTA
盘点提高 Python 代码效率的方法
2014/07/03 Python
Python格式化css文件的方法
2015/03/10 Python
Python实现设置windows桌面壁纸代码分享
2015/03/28 Python
PyTorch中反卷积的用法详解
2019/12/30 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
Python利用matplotlib绘制散点图的新手教程
2020/11/05 Python
pymysql模块使用简介与示例
2020/11/17 Python
CSS3为背景图设置遮罩并解决遮罩样式继承问题
2020/06/22 HTML / CSS
Falconeri美国官网:由羊绒和羊毛制成的针织服装
2018/04/08 全球购物
澳大利亚设计的优质鞋类和适合澳大利亚生活方式的服装:Rivers
2019/04/23 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
荷兰照明、灯具和配件网上商店:dmlights
2019/08/25 全球购物
营销总经理岗位职责
2014/02/02 职场文书
上市公司财务总监岗位职责
2015/04/03 职场文书
MySQL 分页查询的优化技巧
2021/05/12 MySQL
Apache Hudi 加速传统的批处理模式
2022/04/24 Servers