//获取兄弟元素
$('.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_常用方法的更多相关文章

  1. 前端开发:Javascript中的数组,常用方法解析

    前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array ...

  2. Jquery元素选取、常用方法

    一:常用的选择器:(李昌辉) 基本选择器 $("#myDiv") //匹配唯一的具有此id值的元素 $("div") //匹配指定名称的所有元素 $(" ...

  3. python浅谈正则的常用方法

    python浅谈正则的常用方法覆盖范围70%以上 上一次很多朋友写文字屏蔽说到要用正则表达,其实不是我不想用(我正则用得不是很多,看过我之前爬虫的都知道,我直接用BeautifulSoup的网页标签去 ...

  4. C# Webbrowser 常用方法及多线程调用

    设置控件的值 /// <summary> /// 根据ID,NAME双重判断并设置值 /// </summary> /// <param name="tagNa ...

  5. list,tuple,dict,set常用方法

    Python中list,tuple,dict,set常用方法 collections模块提供的其它有用扩展类型 from collections import Counter from collect ...

  6. 记录yii2-imagine几个常用方法

    记录yii2-imagine几个常用方法: //压缩 Image::thumbnail('@webroot/img/test-image.jpg', 120, 120)->save(Yii::g ...

  7. DOM常用方法总结

    DOM(Document Object Model:文档对象模型)为javascript中的一部分,它为访问和修改html文档或xml文档提供了一些编程接口,DOM以对象的形式来描述文档中的内容,以树 ...

  8. JSP内置对象及常用方法

    jsp九大内置对象及四个作用域: 何为作用域 先让我们看看效果: 大概流程是这样的,我们访问index.jsp的时候,分别对pageContext, request, session,applicat ...

  9. java中集合类中Collection接口中的Map接口的常用方法熟悉

    1:Map接口提供了将键映射到值的对象.一个映射不能包含重复的键:每个键最多只能映射到一个值.Map接口中同样提供了集合的常用方法. 2:由于Map集合中的元素是通过key,value,进行存储的,要 ...

随机推荐

  1. lol人物模型提取(六)

      模型昨天就已经做出来了,不过到上色这一块貌似又遇到了一些问题.由于模型的眼睛比较小,没法做出亮光效果,上不了UV,只能做哑光效果的.   亮光效果:   哑光效果:   很显然亮光效果更加好看一点 ...

  2. 优化mysql的内存

    Mysql占用CPU过高的时候,该从哪些方面下手进行优化? 占用CPU过高,可以做如下考虑:1)一般来讲,排除高并发的因素,还是要找到导致你CPU过高的哪几条在执行的SQL,show processl ...

  3. SFTPHelper

    public class SFTPHelper { #region 字段或属性 private readonly SftpClient _sftp; /// <summary> /// S ...

  4. C语言中printf直接打出2进制数是%什么?16进制是什么?

    #include <iostream> #include <stdio.h> #include <stdlib.h> #include <string.h&g ...

  5. BZOJ4804 欧拉心算(莫比乌斯反演+欧拉函数+线性筛)

    一通套路后得Σφ(d)μ(D/d)⌊n/D⌋2.显然整除分块,问题在于怎么快速计算φ和μ的狄利克雷卷积.积性函数的卷积还是积性函数,那么线性筛即可.因为μ(pc)=0 (c>=2),所以f(pc ...

  6. CentOS yum安装软件包

    yum(Yellowdog Update Modifie)命令是在Fedora和RedHat以及SUSE中基于rpm的软件包管理器,它可以使系统管理人员交互和自动化地更细与管理RPM软件包,能够从指定 ...

  7. POJ3070:Fibonacci——题解

    http://poj.org/problem?id=3070 题目大意:求Fibonacci数列第n项,对10000取模. 矩阵乘法板子题……实在不知道写什么了. #include<iostre ...

  8. BZOJ4943 & 洛谷3823 & UOJ315:[NOI2017]蚯蚓排队——题解

    https://www.lydsy.com/JudgeOnline/problem.php?id=4943 http://uoj.ac/problem/315 https://www.luogu.or ...

  9. BZOJ1486:[HNOI2009]最小圈——题解

    https://www.lydsy.com/JudgeOnline/problem.php?id=1486 https://www.luogu.org/problemnew/show/P3199 题面 ...

  10. BZOJ4552:[HEOI2016/TJOI2016]排序——题解

    https://www.lydsy.com/JudgeOnline/problem.php?id=4552 https://www.luogu.org/problemnew/show/P2824 在2 ...