Fork me on GitHub

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");  //获取classtarget且索引为偶数的所有元素

.odd 奇数选择

例如:$(".target:odd").addClass("animated bounce");
posted @   虚无境  阅读(713)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示

目录导航