jQuery پرورش

ਤਰਾਂਸਵਰਣ ਕੀ ਹੈ?

jQuery ਤਰਾਂਸਵਰਣ, 'ਚਲਣ' ਦਾ ਮਤਲਬ ਹੈ ਅਤੇ ਇਹ HTML ਐਲੀਮੈਂਟ ਨੂੰ ਉਸ ਦੇ ਦੂਜੇ ਐਲੀਮੈਂਟ ਨਾਲ ਸਬੰਧਤ ਹੋਣ ਦੇ ਅਧਾਰ 'ਤੇ 'ਲੱਭਣ' (ਜਾਂ ਚੁਣਨ) ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਕਿਸੇ ਚੁਣੇ ਹੋਏ ਚੋਣ ਤੋਂ ਸ਼ੁਰੂ ਕਰਕੇ, ਉਸ ਚੋਣ ਦੇ ਨਾਲ ਚਲਦੇ ਹੋਏ, ਤੁਸੀਂ ਜਾਣੂ ਐਲੀਮੈਂਟ ਤੱਕ ਪਹੁੰਚ ਸਕਦੇ ਹੋ。

ਨਿਚੇ ਦੇ ਚਿੱਤਰ ਵਿੱਚ ਇੱਕ ਪਰਿਵਾਰ ਟਰੀ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ। jQuery ਤਰਾਂਸਵਰਣ ਰਾਹੀਂ, ਤੁਸੀਂ ਚੁਣੇ ਹੋਏ (ਮੌਜੂਦਾ) ਐਲੀਮੈਂਟ ਤੋਂ ਸੁਲਭ ਹੋਕੇ ਪਰਿਵਾਰ ਟਰੀ ਵਿੱਚ ਉੱਪਰ ਜਾ ਸਕਦੇ ਹੋ (ਪੂਰਵਜ), ਨੀਚੇ ਜਾ ਸਕਦੇ ਹੋ (ਪ੍ਰਵਾਂਸ਼ੀ), ਪੱਧਰਾ ਜਾ ਸਕਦੇ ਹੋ (ਸਾਥੀ)। ਇਹ ਮੋਵਿੰਗ ਵੱਲ DOM ਤਰਾਂਸਵਰਣ ਕਿਹਾ ਜਾਂਦਾ ਹੈ。

ਚਿੱਤਰ ਵਿਸਥਾਰ:

DOM شاخه پرورش
  • <div> ਐਲੀਮੈਂਟ <ul> ਦਾ ਪੈਰੈਂਟ ਹੈ, ਨਾਲ ਹੀ ਉਸ ਵਿੱਚ ਸਾਰੀਆਂ ਸਮਗਰੀਆਂ ਦਾ ਪੂਰਵਜ ਹੈ。
  • <ul> ਐਲੀਮੈਂਟ <li> ਦਾ ਪੈਰੈਂਟ ਹੈ, ਨਾਲ ਹੀ <div> ਦਾ ਚੇਲੇਦਾਰ ਹੈ
  • ਸੱਜੇ <li> ਐਲੀਮੈਂਟ <span> ਦਾ ਪੈਰੈਂਟ ਹੈ, <ul> ਦਾ ਚੇਲੇਦਾਰ ਅਤੇ <div> ਦਾ ਪ੍ਰਵਾਂਸ਼ੀ ਹੈ。
  • <span> ਐਲੀਮੈਂਟ <li> ਦਾ ਚੇਲੇਦਾਰ ਹੈ, ਨਾਲ ਹੀ <ul> ਅਤੇ <div> ਦਾ ਪ੍ਰਵਾਂਸ਼ੀ ਹੈ。
  • ਦੋ <li> ਐਲੀਮੈਂਟ ਸਾਥੀ (ਇੱਕ ਜਿਸ ਪੈਰੈਂਟ ਦੇ ਨਾਲ ਹਨ) ਹਨ。
  • ਸੱਜੇ <li> ਐਲੀਮੈਂਟ <b> ਦਾ ਪੈਰੈਂਟ ਹੈ, <ul> ਦਾ ਚੇਲੇਦਾਰ ਅਤੇ <div> ਦਾ ਪ੍ਰਵਾਂਸ਼ੀ ਹੈ。
  • <b> ਐਲੀਮੈਂਟ ਸੱਜੇ <li> ਦਾ ਚੇਲੇਦਾਰ ਹੈ, ਨਾਲ ਹੀ <ul> ਅਤੇ <div> ਦਾ ਪ੍ਰਵਾਂਸ਼ੀ ਹੈ。

ਸੁਝਾਅ:ਪੂਰਵਜ ਪੈਰੈਂਟ, ਗਰਾਂਡਪੈਰੈਂਟ, ਗਰਾਂਡਗਰਾਂਡਪੈਰੈਂਟ ਆਦਿ ਹਨ। ਪ੍ਰਵਾਂਸ਼ੀ ਪੈਰੈਂਟ, ਪੁੱਤਰ, ਨੌਟਾ, ਗਰਾਂਡਨੌਟਾ ਆਦਿ ਹਨ। ਸਾਥੀ ਇੱਕ ਜਿਸ ਪੈਰੈਂਟ ਦੇ ਨਾਲ ਹਨ।

DOM ਤਰਾਂਸਵਰਣ

jQuery ਵੱਲੋਂ DOM ਤਰਾਂਸਵਰਣ ਦੀਆਂ ਕਈ ਮੱਥਦਾਂ ਪ੍ਰਦਾਨ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ。

ਤਰਾਂਸਵਰਣ ਮੱਥਦਾਂ ਵਿੱਚ ਸਭ ਤੋਂ ਵੱਡਾ ਵਰਗ ਟਰੀ ਤਰਾਂਸਵਰਣ (tree-traversal) ਹੈ。

ਅਗਲਾ ਚਾਪਟਰ ਵਿੱਚ DOM ਟਰੀ ਵਿੱਚ ਉੱਪਰ, ਨੀਚੇ ਅਤੇ ਸਮਾਨ ਪੱਧਰ 'ਤੇ ਚਲਣ ਦੇ ਤਰੀਕੇ ਦੱਸਿਆ ਜਾਵੇਗਾ。

jQuery ਤਰਾਂਸਵਰਣ ਮੈਨੂਅਲ

ਸਾਰੇ jQuery ਤਰਾਂਸਵਰਣ ਮੱਥਦਾਂ ਦੀ ਜਾਣਕਾਰੀ ਲਈ ਸਾਡੇ ਦੌਰੇ ਦੀ ਯਾਤਰਾ ਕਰੋ jQuery ਤਰਾਂਸਵਰਣ ਮੈਨੂਅਲ