//获取兄弟元素
$('.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. Delphi 的绘图功能[8] - TextOut、TextWidth、TextHeight

    unit Unit1; interface uses   Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, For ...

  2. CCS3 动画-鼠标放上去放大背景图片

    ---〉 效果如上,一个简单的过渡放大效果, <!DOCTYPE HTML> <html> <body> <style> #test{ width:30 ...

  3. bootstrap-datetimepicker 开始时间与结束时间互相约束

    JS $("#start").datetimepicker({ keyboardNavigation: false, language: 'zh-CN', forceParse: ...

  4. f-measure[转]

    F-Measure又称为F-Score,是IP(信息检索)领域常用的一个评价标准,计算公式为: 其中β是参数,P是准确率(Precision),R是召回率(Recall). F1-Measure:当参 ...

  5. BZOJ5190 Usaco2018 Jan Stamp Painting(动态规划)

    可以大胆猜想的一点是,只要有不少于一个长度为k的颜色相同子串,方案就是合法的. 直接算有点麻烦,考虑减去不合法的方案. 一个正(xue)常(sha)的思路是枚举序列被分成的段数,问题变为用一些1~k- ...

  6. 判断form表单每个input字段是否有内容

    //---------------------------------------------------input失去焦点时判断是否有值 btn_click: function () { //inp ...

  7. [洛谷P4118][Ynoi2016]炸脖龙I([洛谷P3934]Nephren Ruq Insania)

    题目大意:有$n$个数,每个数为$s_i$,两个操作: $1\;l\;r\;x:$表示将区间$[l,r]$内的数加上$x$ $2\;l\;r\;p:$表示求$s_l^{s_{l+1}^{^{s_{l+ ...

  8. [洛谷P1714]切蛋糕

    题目大意:给你n个整数,求出其中长度不超过m的最大字段和. 题解:单调队列维护前缀和最小值,然后用当前值减去当前有效最小值即可 C++ Code: #include<cstdio> usi ...

  9. BZOJ3140:[HNOI2013]消毒——题解

    http://www.lydsy.com/JudgeOnline/problem.php?id=3140 https://www.luogu.org/problemnew/show/P3231 最近在 ...

  10. de4dot 用法

    使用de4dot反混淆一下 用法 de4dot -f input.dll -o output.dll