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 相关文章推荐
我遇到的参数传递中 双引号单引号嵌套问题
Feb 11 Javascript
js 上传图片预览问题
Dec 06 Javascript
js兼容的placeholder属性详解
Aug 18 Javascript
AngularJS入门教程之学习环境搭建
Dec 06 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
Sep 16 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
详解JS中遍历语法的比较
Apr 07 Javascript
node实现的爬虫功能示例
May 04 Javascript
vue引入js数字小键盘的实现代码
May 14 Javascript
node将geojson转shp返回给前端的实现方法
May 29 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 Javascript
小程序实现可拖动的悬浮按钮
Sep 07 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伪造referer突破网盘禁止外连的代码
2008/06/15 PHP
PHP中“=>
2019/03/01 PHP
用apply让javascript函数仅执行一次的代码
2010/06/27 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
JavaScript数据类型之基本类型和引用类型的值
2015/04/01 Javascript
js阻止浏览器默认行为的简单实例
2016/05/15 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
2016/07/27 Javascript
微信小程序中单位rpx和rem的使用
2016/12/06 Javascript
微信小程序实战之运维小项目
2017/01/17 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
2017/01/21 Javascript
原生js二级联动效果
2017/06/20 Javascript
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
基于js 本地存储(详解)
2017/08/16 Javascript
JavaScript代码执行的先后顺序问题
2017/10/29 Javascript
vue单文件组件无法获取$refs的问题
2020/06/24 Javascript
解决echarts中横坐标值显示不全(自动隐藏)问题
2020/07/20 Javascript
Angular+ionic实现折叠展开效果的示例代码
2020/07/29 Javascript
vue实现点击出现操作弹出框的示例
2020/11/05 Javascript
python实现2048小游戏
2015/03/30 Python
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
python实现的多线程端口扫描功能示例
2017/01/21 Python
python微信公众号开发简单流程
2018/03/23 Python
python MNIST手写识别数据调用API的方法
2018/08/08 Python
Python3中关于cookie的创建与保存
2018/10/21 Python
CSS实现定位元素居中的方法
2015/06/23 HTML / CSS
英国高档百货连锁店:John Lewis
2017/11/20 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
介绍一下grep命令的使用
2012/06/28 面试题
创先争优制度
2014/01/21 职场文书
纠纷协议书
2014/04/16 职场文书
冰雪公主观后感
2015/06/16 职场文书
简述Java中throw-throws异常抛出
2021/08/07 Java/Android
golang操作rocketmq的示例代码
2022/04/06 Golang
Python matplotlib绘制雷达图
2022/04/13 Python