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 常见开发使用技巧总结
Dec 26 Javascript
提高jQuery性能的十个诀窍
Nov 14 Javascript
javascript实现数组去重的多种方法
Mar 14 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
Mar 10 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
如何理解Vue的作用域插槽的实现原理
Aug 19 Javascript
jQuery实现常见的隐藏与展示列表效果示例
Jun 04 jQuery
JS实现图片切换特效
Dec 23 Javascript
Element Dropdown下拉菜单的使用方法
Jul 26 Javascript
Express 配置HTML页面访问的实现
Nov 01 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
Jan 19 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执行linux系统命令的常用函数使用说明
2010/04/27 PHP
PHP 设置MySQL连接字符集的方法
2011/01/02 PHP
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
浅析PHP Socket技术
2013/08/02 PHP
Thinkphp自定义代码生成工具及用法说明(附下载地址)
2016/05/27 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
2012/07/17 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
setInterval计时器不准的问题解决方法
2014/05/08 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
JavaScript如何禁止Backspace键
2015/12/02 Javascript
Bootstrap BootstrapDialog使用详解
2017/02/17 Javascript
socket.io学习教程之深入学习篇(三)
2017/04/29 Javascript
JS将unicode码转中文方法
2017/05/08 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
NodeJS 将文件夹按照存放路径变成一个对应的JSON的方法
2018/10/17 NodeJs
vue 地区选择器v-distpicker的常用功能
2019/07/23 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
vue实现点击按钮切换背景颜色的示例代码
2020/06/23 Javascript
vue Treeselect下拉树只能选择第N级元素实现代码
2020/08/31 Javascript
[00:09]DOTA2全国高校联赛 精彩活动引爆全场
2018/05/30 DOTA
Python内置的字符串处理函数详细整理(覆盖日常所用)
2014/08/19 Python
python 获取url中的参数列表实例
2018/12/18 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
关于pycharm中pip版本10.0无法使用的解决办法
2019/10/10 Python
tensorflow实现读取模型中保存的值 tf.train.NewCheckpointReader
2020/02/10 Python
Python实现括号匹配方法详解
2020/02/10 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
Raffaello Network西班牙:意大利拉斐尔时尚购物网
2019/03/12 全球购物
主键(Primary Key)约束和唯一性(UNIQUE)约束的区别
2013/05/29 面试题
保险公司开门红口号
2014/06/21 职场文书
2014年国庆标语
2014/06/30 职场文书
运动会宣传稿100字
2015/07/23 职场文书
读《解忧杂货店》有感:请相信一切都是最好的安排
2019/11/07 职场文书