Jquery一些常用的方法

Myth丶恋晨 2022-06-10 13:20 225阅读 0赞

整理以前的笔记，在学习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");

发表评论取消回复

表情：

评论列表（有 0 条评论，225人围观）

还没有评论，来说两句吧...

相关阅读

相关 Collections常用的一些方法

Collections.addAll(单值类型集合,元素1,元素2,元素3); Collections.sort(list集合);

我会带着你远行/ 2022年09月03日 05:26/ 0 赞/ 217 阅读

相关开发中常用的Jquery的一些方法的总结

在前端的开发中，我一直都觉得有点难，学习其实重点在于总结，下面是在前端开发中经常使用到的一些标签属性，有空的时候就总结了一下：（1）$(selector).html()：方

た入场券/ 2022年06月16日 01:41/ 0 赞/ 184 阅读

相关 Jquery一些常用的方法

整理以前的笔记，在学习JavaScript时候,经常会用到一些方法，但是有时忘掉了具体用法，因此记下。方便以后查阅。这篇博文先说明这些方法的用途： removeCla

Myth丶恋晨/ 2022年06月10日 13:20/ 0 赞/ 226 阅读

相关 Jquery常用的方法汇总

本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍,同时附送示例,是篇非常不错的文章,需要的朋友参考下 jQuery的优点 : 1 轻量级

拼搏现实的明天。/ 2022年06月09日 12:17/ 0 赞/ 218 阅读

相关 JQuery 常用的方法总结

1.选择器 $('a');//根据ID获取元素 $('div');//根据元素名称选择元素 $('.b');//根据class选择

野性酷女/ 2022年06月08日 07:56/ 0 赞/ 231 阅读

相关 jQuery对象常用的方法

1.css $('p').css('键','值') 或者$('p').cass(\{'键':'值','键':'值'\}); $('p').text('aaaaaaa'

梦里梦外;/ 2022年06月03日 05:38/ 0 赞/ 269 阅读

相关 Java常用的一些工具方法

密码加密工具方法（md5、sha-1以及md5和sha-1的二次加密） // -----------------------------密码加密-----------

你的名字/ 2022年05月24日 12:28/ 0 赞/ 236 阅读

相关 JavaScript中常用的一些方法

一. 数组 reduce() :对数组中的数据进行累计操作。传入四个参数：累计值，数组每一项的值，索引，数组本身。 var arr = [1, 2, 3,

亦凉/ 2022年05月08日 00:58/ 0 赞/ 338 阅读

相关一些常用的js方法

一些常用的js方法 // 正则表达式。验证是否为数字,且只有两位小数 function isNumOrLetter(dm){ var dm=docu

Dear 丶/ 2022年03月11日 04:06/ 0 赞/ 312 阅读

相关 js 一些常用的方法

map() 在 JavaScript 1.6 里，javascript 数组增加了几个非常有用的方法：indexOf、lastIndexOf、every、 filter、 f

╰+攻爆jí腚メ/ 2022年02月19日 05:11/ 0 赞/ 293 阅读