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 相关文章推荐
asp.net HttpHandler实现图片防盗链
Nov 09 Javascript
用js实现的自定义的对话框的实现代码
Mar 21 Javascript
js数组与字符串的相互转换方法
Jul 09 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
May 25 Javascript
js焦点文字滚动效果代码分享
Aug 25 Javascript
深入理解vue.js中$watch的oldvalue与newValue
Aug 07 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
Jul 06 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
Nov 12 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 06 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
Jul 20 Javascript
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 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获取http请求的头信息实现步骤
2012/12/16 PHP
PHP自带函数给数字或字符串自动补齐位数
2014/07/29 PHP
PHP动态柱状图实现方法
2015/03/30 PHP
Laravel中Trait的用法实例详解
2016/03/16 PHP
PHP基于递归算法解决兔子生兔子问题
2018/05/11 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
利用jQuery操作对象数组的实现代码
2011/04/27 Javascript
基于jquery DOM写的类似微博发布的效果
2012/10/20 Javascript
jquery ajax跨域解决方法(json方式)
2014/02/04 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
DVA框架统一处理所有页面的loading状态
2017/08/25 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
VUE-cli3使用 svg-sprite-loader
2018/10/20 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
JavaScript enum枚举类型定义及使用方法
2020/05/15 Javascript
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
Python 实现交换矩阵的行示例
2019/06/26 Python
python爬虫的一个常见简单js反爬详解
2019/07/09 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
python剪切视频与合并视频的实现
2020/03/03 Python
python使用yaml 管理selenium元素的示例
2020/12/01 Python
CSS3正方体旋转示例代码
2013/08/08 HTML / CSS
美国受欢迎的女性牛仔裤品牌:DL1961
2016/11/12 全球购物
经济实惠的名牌太阳镜和眼镜:Privé Revaux
2021/02/07 全球购物
军训学生自我鉴定
2014/02/12 职场文书
小学模范班主任事迹材料
2014/05/13 职场文书
应届大专生自荐书
2014/06/16 职场文书
公司离职证明范本(5篇)
2014/09/17 职场文书
2015年爱国卫生月活动总结
2015/03/26 职场文书
离职证明格式样本
2015/06/12 职场文书
2015年公路路政个人工作总结
2015/07/24 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书
Python 制作自动化翻译工具
2021/04/25 Python
windows11怎么查看wifi密码? win11查看wifi密码的技巧
2021/11/21 数码科技