jQuery not()和filter()區別
標題中的兩個函式都具有過濾功能,但是在功能上還是有所區別的。
一.not()函式:
語法結構:
[JavaScript] 純文字檢視 複製程式碼$(selector).not(expr)
此函式可以從$(selector)物件集合中刪除與expr表示式匹配的元素。
程式碼例項:
[JavaScript] 純文字檢視 複製程式碼$("li").not(":even").css("color","red");
以上程式碼可以將除去索引值為偶數的li元素物件中的字型顏色設定為紅色。
二.filter()函式:
語法結構:
[JavaScript] 純文字檢視 複製程式碼$(selector).filter(expr)
此函式能夠從$(selector)中篩選出與指定表示式匹配的元素。
程式碼例項:
[JavaScript] 純文字檢視 複製程式碼$("li").filter(":even").css("color","red");
以上程式碼可以將li元素集合中索引值為偶數的li元素的字型顏色設定為紅色。
兩者異同:
1.兩個方法的目的相同,都是用來篩選元素集合。
2.兩個方法的篩選方向相反,一個是刪除與表達是匹配的,一個是保留與表達是匹配的。
相關閱讀:
(1).not()函式可以參閱jQuery not()一章節。
(2).filter()函式可以參閱jQuery filter()一章節。
(3).:not選擇器可以參閱jQuery :not一章節。
相關文章
- jQuery filter()和find()區別jQueryFilter
- filter和interceptor的區別Filter
- SQLAlchemy中filter()和filter_by()有什麼區別SQLFilter
- JQuery this和$(this)的區別jQuery
- jquery $(this) 和this的區別jQuery
- Spring中Filter和Interceptor的區別SpringFilter
- jQuery parents()和parent()區別jQuery
- jquery prop和attr的區別jQuery
- jQuery的html()和text()區別jQueryHTML
- jQuery mouseleave和mouseout 區別jQuery
- 區別 Jquery物件和Dom物件jQuery物件
- jQuery filter()jQueryFilter
- Filter 與 Servlet 的區別FilterServlet
- jQuery.extend和jQuery.fn.extend的區別jQuery
- 使用jquery和使用框架的區別jQuery框架
- jquery中prop和attr的區別jQuery
- Jquery中attr和prop的區別jQuery
- Jquery中.attr()和.data()的區別jQuery
- jquery filter()方法jQueryFilter
- 【提示】filter 與access 的區別Filter
- Oracle 執行計劃中access 和 filter的區別OracleFilter
- JQuery中html()和val()的用法區別jQueryHTML
- jquery innerHeight()和outerHeight()的區別jQuery
- jQuery ajax中success和complete區別jQuery
- jQuery中css()和attr()方法的區別jQueryCSS
- jQuery mouseout和mouseleave事件的區別jQuery事件
- Jquery的$(selector).each()和$.each()原理和區別jQuery
- has(),find()以及filter()方法的區別Filter
- jQuery實戰之 attr() 和 prop() 的區別jQuery
- jquery Promise和ES6 Promise的區別jQueryPromise
- XML和HTML的主要區別、 jQuery 能做什麼?JavaScript中的“=、==、===”區別?XMLHTMLjQueryJavaScript
- ES 23 - 檢索和過濾的區別 (query vs. filter)Filter
- python3和python2中的filter區別PythonFilter
- servlet/filter/listener/interceptor區別與聯絡ServletFilter
- jquery中attr和prop的區別+jquery實現全選全不選jQuery
- jquery中$.get()提交和$.post()提交有區別嗎?jQuery
- docment.getelementbyid 和jquery裡的$(#'id')區別jQuery
- jquery position()函式和offset()函式的區別jQuery函式