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");
如果你对生活感觉到了绝望,请不要气馁。因为这样只会让你更加绝望!
所谓的希望往往都是在绝望中萌发的,所以,请不要放弃希望!
分类:
javascript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)