jQuery ਲਿੰਕਿੰਗ

ਜੰਗਲੀ ਰੂਪ ਵਿੱਚ, ਤੁਸੀਂ ਕਾਰਵਾਈਆਂ/ਮੇਥਡਾਂ ਨੂੰ ਲਿੰਕ ਕਰ ਸਕਦੇ ਹੋ。

Chaining ਇਸ ਲਈ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਕਿ ਇੱਕ ਸਟੇਟਮੈਂਟ ਵਿੱਚ ਕਈ jQuery ਮੇਥਡ (ਇੱਕ ਹੀ ਅਣੂ 'ਤੇ) ਹੋ ਸਕਣ।

jQuery ਮੇਥਡ ਲਿੰਕਿੰਗ

ਹੁਣ ਤੱਕ, ਅਸੀਂ ਇੱਕ ਤੋਂ ਦੂਜੇ ਬਾਅਦ ਇੱਕ ਤੋਂ ਦੂਜੇ ਬਾਅਦ jQuery ਸਟੇਟਮੈਂਟ ਲਿਖ ਰਹੇ ਹਾਂ。

ਲੇਕਿਨ, ਇੱਕ ਨਾਮ ਲਿੰਕ (chaining) ਦੀ ਤਕਨੀਕ ਹੈ ਜੋ ਸਾਨੂੰ ਅਜਿਹੇ ਜਿਹੇ ਕਈ jQuery ਕਮਾਂਡਾਂ ਨੂੰ ਇੱਕ ਹੀ ਅਣੂ 'ਤੇ ਲਾਗੂ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ, ਇੱਕ ਤੋਂ ਦੂਜੇ ਬਾਅਦ。

ਸੁਝਾਅ:ਇਸ ਤਰ੍ਹਾਂ, ਬਰਾਉਜ਼ਰ ਨੂੰ ਇੱਕ ਹੀ ਅਣੂ ਨੂੰ ਬਹੁਤ ਸਾਰੀਆਂ ਵਾਰੀ ਲੱਭਣਾ ਨਹੀਂ ਪਵੇਗਾ。

ਇੱਕ ਕਾਰਵਾਈ ਲਿੰਕ ਕਰਨ ਲਈ, ਤੁਸੀਂ ਸਿਰਫ਼ ਉਹ ਕਾਰਵਾਈ ਜੋੜ ਸਕਦੇ ਹੋ ਕਿ ਪਹਿਲਾਂ ਦੇ ਕਾਰਵਾਈ ਦੇ ਬਾਅਦ ਆਉਂਦੀ ਹੈ。

ਉਦਾਹਰਣ 1

ਹੇਠ ਦੇ ਉਦਾਹਰਣ ਵਿੱਚ css(), slideUp(), ਅਤੇ slideDown() ਨੂੰ ਜੋੜਿਆ ਗਿਆ ਹੈ। "p1" ਅਣੂ ਪਹਿਲਾਂ ਲਾਲ ਹੋ ਜਾਵੇਗਾ, ਫਿਰ ਉੱਪਰ ਹੋ ਜਾਵੇਗਾ, ਫਿਰ ਨੀਚੇ ਹੋ ਜਾਵੇਗਾ:

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਜੇਕਰ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ, ਤਾਂ ਅਸੀਂ ਵੱਧ ਤੋਂ ਵੱਧ ਤਰੀਕੇ ਵੀ ਜੋੜ ਸਕਦੇ ਹਾਂ。

ਸੁਝਾਅ:ਜਦੋਂ ਲਿੰਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਕੋਡ ਲਾਈਨ ਬਹੁਤ ਬਦਤਰ ਹੋ ਜਾਂਦੀ ਹੈ। ਲੇਕਿਨ jQuery ਗਰੱਮਾਤਰੀ ਵਿੱਚ ਬਹੁਤ ਸਖਤ ਨਹੀਂ ਹੈ; ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਫਾਰਮੈਟ ਦੇ ਅਨੁਸਾਰ ਲਿਖ ਸਕਦੇ ਹੋ, ਜਿਸ ਵਿੱਚ ਵੰਡ ਅਤੇ ਸਕਰੂਬਰ ਹੋ ਸਕਦੇ ਹਨ。

ਉਦਾਹਰਣ 2

ਇਸ ਤਰ੍ਹਾਂ ਲਿਖਣ ਨਾਲ ਵੀ ਚਲੇਗਾ:

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

jQuery ਵਧੇਰੇ ਖਾਲੀ ਜਗ੍ਹਾਵਾਂ ਨੂੰ ਛੱਡ ਦੇਵੇਗਾ ਅਤੇ ਉੱਪਰ ਦੇ ਕੋਡ ਵਾਲੀ ਲਾਈਨ ਨੂੰ ਇੱਕ ਲਾਈਨ ਲੰਬੇ ਕੋਡ ਵਜੋਂ ਚਲਾਵੇਗਾ。