jq_常用方法
//获取兄弟元素
$('.class').siblings() 当前元素所有的兄弟节点
$('.class').prev() 当前元素前一个兄弟节点
$('.class').prevaAll() 当前元素之前所有的兄弟节点
$('.class').next() 当前元素之后第一个兄弟节点
$('.class').nextAll() 当前元素之后所有的兄弟节点
//获取子元素
$('.class').children()方法:获取该元素下的直接子集元素
$('.class').find()方法:获取该元素下的所有子集元素
//获取父元素
$('.class').parent() 当前元素的直接父元素
$('.class').parents() 当前元素的祖先元素
$('.class').closest() 当前元素向上遍历到指定元素结束
$('.class').addClass(css中定义的样式类型); 给某个元素添加样式
$('.class').attr({src:'test.jpg',alt:'test Image'}); 给某个元素添加属性/值,参数是map
$('.class').attr('src','test.jpg'); 给某个元素添加属性/值
$('.class').attr('title', function() { return this.src }); 给某个元素添加属性/值
$('.class').html(); 获得该元素内的内容(元素,文本等)
$('.class').html('<b>new stuff</b>'); 给某元素设置内容
$('.class').removeAttr('属性名称') 给某元素删除指定的属性以及该属性的值
$('.class').removeClass('class') 给某元素删除指定的样式
$('.class').text(); 获得该元素的文本
$('.class').text(value); 设置该元素的文本值为value
$('.class').toggleClass(class) 当元素存在参数中的样式的时候取消,如果不存在就设置此样式
$('.class').val(); 获取input元素的值
$('.class').val(value); 设置input元素的值为value
Manipulation:
$('.class').after(content); 在匹配元素后面添加内容
$('.class').append(content); 将content作为元素的内容插入到该元素的后面
$('.class').appendTo(content); 在content后接元素
$('.class').before(content); 与after方法相反
$('.class').clone(布尔表达式) 当布尔表达式为真时,克隆元素(无参时,当作true处理)
$('.class').empty() 将该元素的内容设置为空
$('.class').insertAfter(content); 将该元素插入到content之后
$('.class').insertBefore(content); 将该元素插入到content之前
$('.class').prepend(content); 将content作为该元素的一部分,放到该元素的最前面
$('.class').prependTo(content); 将该元素作为content的一部分,放content的最前面
$('.class').remove(); 删除所有的指定元素
$('.class').remove('exp'); 删除所有含有exp的元素
$('.class').wrap('html'); 用html来包围该元素
$('.class').wrap(element); 用element来包围该元素
jq_常用方法的更多相关文章
- 前端开发:Javascript中的数组,常用方法解析
前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array ...
- Jquery元素选取、常用方法
一:常用的选择器:(李昌辉) 基本选择器 $("#myDiv") //匹配唯一的具有此id值的元素 $("div") //匹配指定名称的所有元素 $(" ...
- python浅谈正则的常用方法
python浅谈正则的常用方法覆盖范围70%以上 上一次很多朋友写文字屏蔽说到要用正则表达,其实不是我不想用(我正则用得不是很多,看过我之前爬虫的都知道,我直接用BeautifulSoup的网页标签去 ...
- C# Webbrowser 常用方法及多线程调用
设置控件的值 /// <summary> /// 根据ID,NAME双重判断并设置值 /// </summary> /// <param name="tagNa ...
- list,tuple,dict,set常用方法
Python中list,tuple,dict,set常用方法 collections模块提供的其它有用扩展类型 from collections import Counter from collect ...
- 记录yii2-imagine几个常用方法
记录yii2-imagine几个常用方法: //压缩 Image::thumbnail('@webroot/img/test-image.jpg', 120, 120)->save(Yii::g ...
- DOM常用方法总结
DOM(Document Object Model:文档对象模型)为javascript中的一部分,它为访问和修改html文档或xml文档提供了一些编程接口,DOM以对象的形式来描述文档中的内容,以树 ...
- JSP内置对象及常用方法
jsp九大内置对象及四个作用域: 何为作用域 先让我们看看效果: 大概流程是这样的,我们访问index.jsp的时候,分别对pageContext, request, session,applicat ...
- java中集合类中Collection接口中的Map接口的常用方法熟悉
1:Map接口提供了将键映射到值的对象.一个映射不能包含重复的键:每个键最多只能映射到一个值.Map接口中同样提供了集合的常用方法. 2:由于Map集合中的元素是通过key,value,进行存储的,要 ...
随机推荐
- Perfmon - Windows 自带系统监控工具
一. 简述 可以用于监视CPU使用率.内存使用率.硬盘读写速度.网络速度等. Perfmon提供了图表化的系统性能实时监视器.性能日志和警报管理,系统的性能日志可定义为二进制文件.文本文件.SQLSE ...
- linux+Nginx+Mysql+PHP环境下,安装mysqli模块
奶奶的腿儿啊,太不易了.倒腾了小半天儿,写此随笔,待后查. 阿里云ecs中,安装phpcms,出现了一个问题:环境检测的时候,一直提示 Mysqli扩展没开启. 老夫哪儿特么会这么专业的啊...能咋办 ...
- 【Maven】Snapshot和Release版本的区别
Snapshot版本代表不稳定.尚处于开发中的版本,快照版本. Release版本则代表稳定的版本,发行版本. 什么时候用Snapshot版本? 依赖库中的jar正处于开发的阶段,会被经常被更新,这种 ...
- 【.Net】C#文本文件(.txt)读写
目录 前言 读取txt文件 写入txt文件 前言 计算机在最初只支持ASCII编码,但是后来为了支持其他语言中的字符(比如汉字)以及一些特殊字符(比如€),就引入了Unicode字符集.基于Unico ...
- hdu 1115 Lifting the Stone (数学几何)
Lifting the Stone Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others ...
- IO模式
二 IO模式 刚才说了,对于一次IO访问(以read举例),数据会先被拷贝到操作系统内核的缓冲区中,然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间.所以说,当一个read操作发生时,它会经历两 ...
- 【题解】Atcoder ARC#97 F-Monochrome Cat
好zz啊我……(:д:) 首先我们可以删掉所有只有黑色节点的子树(一定不会遍历到), 且注意到每一个点你一定只会经过一遍.然后又考虑如果起点和终点相同,那么总次数实际上已经固定了:就是遍历整棵树(每一 ...
- bzoj 3217: ALOEXT
将此神题作为博客园的第一篇文章,至此,数据结构基本学完了(或者说数据结构轮流虐了我一次!) 人生第一道7K代码题! 没什么,就是treap套个trie,然后tle是因为一定要用指针当时p党谁会用那么丑 ...
- BZOJ3236:[AHOI2013]作业——题解
https://www.lydsy.com/JudgeOnline/problem.php?id=3236 第一种做法: 建两棵主席树分别处理两个问题. 第一个问题水,第二个问题参考SPOJ3267/ ...
- BZOJ4196:[NOI2015]软件包管理器——题解
http://www.lydsy.com/JudgeOnline/problem.php?id=4196 https://www.luogu.org/problemnew/show/P2146 你决定 ...