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 相关文章推荐
javascript 拖放效果实现代码
Jan 22 Javascript
Eval and new funciton not the same thing
Dec 27 Javascript
JSON中双引号的轮回使用过程中一定要小心
Mar 05 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
Apr 02 Javascript
javascript中数组的多种定义方法和常用函数简介
May 09 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
Aug 01 Javascript
ionic隐藏tabs的方法
Aug 29 Javascript
移动适配的几种方案(三种方案)
Nov 25 Javascript
超全面的vue.js使用总结
Feb 12 Javascript
详解基于node的前端项目编译时内存溢出问题
Aug 01 Javascript
Javascript快速实现浏览器系统通知
Aug 26 Javascript
Vue项目打包压缩的实现(让页面更快响应)
Mar 10 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
用ADODB来让PHP操作ACCESS数据库的方法
2006/12/31 PHP
ThinkPHP访问不存在的模块跳转到404页面的方法
2014/06/19 PHP
学习ExtJS TextField常用方法
2009/10/07 Javascript
js输出列表实现代码
2010/09/12 Javascript
点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码
2014/02/10 Javascript
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
基于jQuery实现美观且实用的倒计时实例代码
2015/12/30 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
2016/02/21 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
Node 搭建一个静态资源服务器的实现
2019/05/20 Javascript
详解Vue中的基本语法和常用指令
2019/07/23 Javascript
Vue3新特性之在Composition API中使用CSS Modules
2020/07/13 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python中多线程thread与threading的实现方法
2014/08/18 Python
python分割文件的常用方法
2014/11/01 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
PyTorch的深度学习入门之PyTorch安装和配置
2019/06/27 Python
python如何获取apk的packagename和activity
2020/01/10 Python
python基于event实现线程间通信控制
2020/01/13 Python
解决pycharm中的run和debug失效无法点击运行
2020/06/09 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
2020/08/20 HTML / CSS
Stubhub英国:购买体育、演唱会和剧院门票
2018/06/10 全球购物
日本最佳原创设计品牌:Felissimo(芬理希梦)
2019/03/19 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
应用英语专业自荐信
2014/01/26 职场文书
捐款倡议书怎么写
2014/05/13 职场文书
优秀教师单行材料
2014/12/16 职场文书
2015年公司中秋节致辞
2015/07/31 职场文书
中学政教处工作总结
2015/08/13 职场文书
晶体管单管来复再生式收音机
2021/04/22 无线电
golang中切片copy复制和等号复制的区别介绍
2021/04/27 Golang