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 相关文章推荐
jquery 插件学习(六)
Aug 06 Javascript
jquery的trigger和triggerHandler的区别示例介绍
Apr 20 Javascript
兼容主流浏览器的JS复制内容到剪贴板
Dec 12 Javascript
深入分析原生JavaScript事件
Dec 29 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
Jan 14 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
Aug 03 Javascript
详解Webpack DLL用法以及功能
Jul 11 Javascript
微信小程序—setTimeOut定时器的问题及解决
Jul 26 Javascript
通过实例了解Javascript柯里化流程
Mar 03 Javascript
Javascript基于OOP实实现探测器功能代码实例
Aug 26 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
java EJB 加密与解密原理的一个例子
2008/01/11 PHP
php 魔术函数使用说明
2010/02/21 PHP
php防攻击代码升级版
2010/12/29 PHP
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
AES加解密在php接口请求过程中的应用示例
2016/10/26 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
PHP多维数组排序array详解
2017/11/21 PHP
PHP simplexml_import_dom()函数讲解
2019/02/03 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
javascript之querySelector和querySelectorAll使用说明
2011/10/09 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
2014/08/08 Javascript
js模拟淘宝网的多级选择菜单实现方法
2015/08/18 Javascript
jQuery Mobile动态刷新页面样式的实现方法
2016/05/28 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
树结构之JavaScript
2017/01/24 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
Mint UI 基于 Vue.js 移动端组件库
2017/11/07 Javascript
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
详解在HTTPS 项目中使用百度地图 API
2019/04/26 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
2020/05/09 Javascript
从Python的源码来解析Python下的freeblock
2015/05/11 Python
Python实现从SQL型数据库读写dataframe型数据的方法【基于pandas】
2019/03/18 Python
解决Pyinstaller 打包exe文件 取消dos窗口(黑框框)的问题
2019/06/21 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
在python中实现同行输入/接收多个数据的示例
2019/07/20 Python
Django 限制访问频率的思路详解
2019/12/24 Python
40个你可能不知道的Python技巧附代码
2020/01/29 Python
Python 读取xml数据,cv2裁剪图片实例
2020/03/10 Python
浅析Python中字符串的intern机制
2020/10/03 Python
简述synchronized和java.util.concurrent.locks.Lock的异同
2014/12/08 面试题
招聘专员岗位职责
2014/03/07 职场文书
关于运动会的口号
2014/06/07 职场文书
助学感谢信范文
2015/01/21 职场文书
环境保护宣传标语大全!
2019/06/28 职场文书
SQL 聚合、分组和排序
2021/11/11 MySQL