2019獨角獸企業重金招聘Python工程師標準>>>

0、JQuery的基本屬性標識：
????$(".xxx")：標簽的class屬性；
????$("#xxx")：標簽的id屬性；
????$("xxx")： 標簽名，如div；
1、處理滑動的三種方式：
????$('div').slideUp();? 改變元素的高度，直至為0，將元素隱藏
????$('div').slideDown(); 從0改為css樣式中設置的某個值
????$('div')。slideToggle(); 如果原來朝上，則向下滑動，否則相反
2、處理淡入淡出效果方式：
????$('div').fadeIn();
????$('div').fadeOut();
????$('div').fadeTo();
????$('div').fadeToggle();
給元素增加或者刪除css樣式
????$("#btn1").addClass("樣式名");? //直接寫樣式名，而不需要前面那個 .符號
????$("#btn1").removeClass("樣式名");
鼠標移入移出事件函數
????$("#btn1").hover();
從DOM刪除元素
????$("xxx").remove();
????$("xxx").detach();

3、用append插入消息；用選擇器$(this)指示當前元素；
4、后代選擇器：$("div div")表示返回一個div元素的所有div子元素，父元素名與子元素名之間有一個空格；
5、遍歷處理動作元素：
$(".nav_item").each(function(){
?? ?$(this).hide();? //對與選擇器匹配的各個元素運行此代碼
?? ?return false;? // 返回false，表示停止執行循環；
});
6、若一個變量需要用來存儲JQuery返回的元素，則在該變量前面加上一個美元符：
例如：$f = $(".fish").parent().parent().detach();
jQuery會把這些數據作為一個數組返回。
7、想修改DOM，把一個內容替換成為另一個內容時，就可以使用replaceWith方法，例如：
????$("h2").replaceWith("<h1>My Menu</h1>");? //將二級標題替換成為一級標題，可在括號里放入HTML
8、在DOM中插入HTML內容
before 將新內容插入到選擇的元素前面：
????$(".meat").before("<li>Tofu</li>");
after將新內容插入到選擇的元素后面；
9、使用過濾器方法縮小選擇范圍：
????first：所選元素中的第一個元素以外，過濾掉其他元素；
????eq：所選元素中索引號等于括號中內容的元素之外；（括號中的為數值）
????last：所選元素中最后一個元素以外；
????slice：除了索引號中指定索引號之間的元素之外；$(".meat").children().slice(1,3);
????filter：除了與括號中的指定選擇器匹配的元素之外；$(".meat")..parent().filter(".organic");
????not：會過濾掉與括號中指定選擇器匹配的元素；$(".meat").not(".local");
10、把一個元素包括在另一個元素之中：
????$("img#oreilly").wrap("<a href='http://www.oreilly.com'></a>"); // 把一個ID為oreilly的圖像包括在一個錨元素之中；
動畫元素：
11、animate方法只適用于使用數值設置的css屬性；animate會把當前css屬性改為第一個參數中設置的css屬性；
????$("#my_div").animate({
?? ?????opacity:0,
?? ?????width:"200",
?? ?????height:"800"
????},5000); //完成動畫需要的時間
12、關閉動畫效果：$.fx.off = true;

轉載于:https://my.oschina.net/suifeng5201314/blog/618523

總結

以上是生活随笔為你收集整理的JQuery常用知识点汇总的全部內容，希望文章能夠幫你解決所遇到的問題。

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