在jquery中,鏈式編程指的是對同一個元素一直進行函數(shù)操作;鏈式編程是將多行代碼合并成一行代碼,每一個合并的方法返回的結果是元素對象才可以進行鏈式編程,語法為“元素對象.方法().方法().方法()…;”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
jquery鏈式編程是什么
實現(xiàn)鏈式編程的核心,是對象中的每一個方法都會返回當前對象。
鏈式編程:多行代碼合并成一行代碼,前提要認清此行代碼返回的是不是對象,是對象才能進行鏈式編程
鏈式編程:對象.方法().方法().方法();……
一、鏈式編程
在jQuery中,如果一直對同一個元素進行函數(shù)操作,那么可以使用
.函數(shù)操作名
,一直寫下去。
二、常用綁定事件函數(shù)的鏈式編程
舉例:
//這是普通的事件綁定 $("button").click(function() { console.log("1") }) $("button").mouseenter(function() { console.log("2") }) $("button").mouseleave(function() { console.log("3") }) //與上文功能相同的鏈式編程 $("button").click(function() { console.log("1") }).mouseenter(function() { console.log("2") }).mouseleave(function() { console.log("3") })
實現(xiàn)鏈式編程的核心,是函數(shù)調用結束之后返回的
this
對象,指的是當前調用者。這里的$("button").click(function(){})
調用結束之后,返回this
對象,它相當于$("button")
,這樣和后面的合在一起就實現(xiàn)了$("button").mouseenter(function() {})
的函數(shù)調用,