Jquery一些常用的方法

整理以前的笔记，在学习JavaScript时候,经常会用到一些方法，但是有时忘掉了具体用法，因此记下。方便以后查阅。
这篇博文先说明这些方法的用途：
removeClass()、remove()、css() 、prop() 、html()、appendTo() 、clone() 、parent() 、children()、nth-child(n)、even、odd 。

.addClass() 增加样式

例如: $(“button”).addClass(“animated bounce”); /按钮做弹回效果 /

.removeClass() 移除样式

例如: $(“button”).removeClass(“btn-default”); /移除样式 /

.remove() 移除元素

例如:$("#target4").remove();   //移除按钮四所有的元素

.css() 改变css样式

例如: $("#target1").css("color", "red"); //按钮一改成了红色

.prop() 调整元素属性

例如:$("#target1").prop("disabled",true); //按钮一不可选

.html() 可以添加HTML标签和文字并替换掉之前的内容
例如:$(“#target4”).html(“#TarGet4“); //替换并增强文本

.appendTo() 可以将选中的元素移到其他元素中

例如: $("#target2").appendTo("#right-well");  //将按钮二移动到右边

.clone() 拷贝元素

例如:$("#target5").clone().appendTo("#left-well");  //将按钮五拷贝到左边

.parent() 访问父元素(上一级元素)

例如:$("#target1").parent().css("background-color","red");//按钮一上一级的 背景颜色为红色

.children() 子元素(下一级元素)

例如: $("#right-well").children().css("color","orange"); //右边一下的元素都改成了橙色

.nth-child(n) 通过CSS选择器索引顺序选择目标元素的子元素

例如:$(".target:nth-child(2)").addClass("animated bounce"); //class 属性包含target 是添加元素

.even 偶数选择

例如: $(".target:even").addClass("animated shake");  //获取class为target且索引为偶数的所有元素

.odd 奇数选择

例如:$(".target:odd").addClass("animated bounce");

转载于:https://www.cnblogs.com/xuwujing/p/7536706.html

Jquery一些常用的方法相关推荐

jQuery一些常用特效方法使用实例
1. jQuery fadeIn() 用于淡入已隐藏的元素. 语法: $(selector).fadeIn(speed,callback); 实例: $("button").cli ...
jQuery常用工具方法
前面的话 jQuery提供一些与元素无关的工具方法,不必选中元素,就可以直接使用这些方法.如果理解原生javascript的继承原理,那么就能理解工具方法的实质.它是定义在jQuery构造函数上的方法 ...
【Java基础】 JQuery的常用操作
jQuery的常用操作一.隐藏显示对象 id为test的元素的display修改成了"none",即隐藏了id为test的元素: $('#test').css('display' ...
php 获取子孙,jquery如何查找后代元素？jquery获取后代元素方法
在上一篇我们讲到jquery获取父元素?相信你已经学会了,那么下面我们来讲一下jquery如何查找后代元素?jquery获取后代元素方法. 一: 查找后代元素三种方法 (1)children(): ( ...
jquery for循环_前端基础入门五（掌握jQuery的常用api，实现动态效果）
jQuery基本概念学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果. 为什么要学习jQuery? [01-让div显示与设置内容.html] 使 ...
Jquery下的动画方法概括
Jquery关于动画的方法常用的是show().hide().animate()等. 1.show()和hide()是一对,hide相当于css("display","n ...
jquery each,grap遍历方法
1. $.each(array, [callback]) 遍历[常用] 解释: 不同于例遍jQuery对象的$().each()方法,此方法可用于例遍任何对象. 回调函数拥有两个参数: 第一个为对象的 ...
原生JS中的三大家族（offset/scroll/client）与jQuery中对应的方法
JS中的offset家族: 一.offsetEWidth与offsetHeight: 获取的是元素的实际宽高 = width + border + padding 注意点: 1.可以获取行内及内嵌的宽 ...
jquery html()样式悠效,jquery怎么用attr()方法判断改变css样式？
jquery怎么用attr()方法判断改变css样式?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jquery中用attr()方法用于设置或返回被选元 ...