整理以前的筆記，在學習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一些常用的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。