jQuery ਦਸਤਾਵੇਜ਼ ਸੋਧ ਮੇਥਡ - replaceWith()

jQuery ਪ੍ਰਭਾਵ ਹਾਂਡਬੁੱਕ

ਉਦਾਹਰਣ

ਹਰੇਕ ਪੈਰਾਗ੍ਰਾਫ ਨੂੰ ਬੜੇ ਅਕਸ਼ਰ ਨਾਲ ਬਦਲੋ:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

replaceWith() ਮੇਥਡ ਨਾਲ ਚੁਣੇ ਗਏ ਐਲੀਮੈਂਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਹੋਰ ਐਲੀਮੈਂਟ ਜਾਂ ਐਲੀਮੈਂਟ ਦੇ ਹਾਰਡ ਕੋਡ ਨਾਲ ਬਦਲਿਆ ਜਾਵੇਗਾ。

ਸੁਝਾਅ:replaceWith() ਨਾਲ replaceAll() ਅਰਥ ਇੱਕ ਹੀ ਹੈ। ਮੁਦਰਾ ਵਿੱਚ ਫਰਕ ਹੈ: ਸਮੱਗਰੀ ਅਤੇ ਚੋਣਕਰਤਾ ਦਾ ਸਥਾਨ ਅਤੇ replaceAll() ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਗਰੰਥ

$().replaceWith(content)
ਪੈਰਾਮੀਟਰ ਵਰਣਨ
content

ਲਾਜ਼ਮੀ। ਚੁਣੇ ਗਏ ਐਲੀਮੈਂਟ ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਸੰਭਵ ਮੁੱਲ:

  • HTML ਕੋਡ - ਉਦਾਹਰਨ ਲਈ ("<div></div>")
  • ਨਵਾਂ ਐਲੀਮੈਂਟ - ਉਦਾਹਰਨ ਲਈ (document.createElement("div"))
  • ਮੌਜੂਦਾ ਐਲੀਮੈਂਟ - ਉਦਾਹਰਨ ਲਈ ($(".div1"))

ਮੌਜੂਦਾ ਐਲੀਮੈਂਟ ਬੰਦ ਨਹੀਂ ਹੋਣਗੇ, ਸਿਰਫ਼ ਕਾਪੀ ਕੀਤਾ ਜਾਵੇਗਾ ਅਤੇ ਚੁਣੇ ਗਏ ਐਲੀਮੈਂਟ ਨੂੰ ਬੁਲੰਦ ਕੀਤਾ ਜਾਵੇਗਾ。
ਲਾਜ਼ਮੀ। ਬਦਲਣ ਹੋਣ ਵਾਲੇ ਐਲੀਮੈਂਟ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਲੀਮੈਂਟ ਬਦਲਣਾ

ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਚੁਣੇ ਗਏ ਐਲੀਮੈਂਟ ਨੂੰ ਨਵੇਂ ਸਮੱਗਰੀ ਨਾਲ ਬਦਲਣਾ。

ਗਰੰਥ

$().replaceWith(function())

ਆਪਣੇ ਅਨੁਸਾਰ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
function() ਲਾਜ਼ਮੀ। ਚੁਣੇ ਗਏ ਐਲੀਮੈਂਟ ਦੇ ਨਵੇਂ ਸਮੱਗਰੀ ਦੇ ਫੰਕਸ਼ਨ ਵਾਪਸ ਦਿੰਦਾ ਹੈ。

ਹੋਰ ਉਦਾਹਰਨ

ਨਵੇਂ ਐਲੀਮੈਂਟ ਨਾਲ ਐਲੀਮੈਂਟ ਦੀ ਥਾਂ ਲੈਣਾ
document.createElement() ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਨਵਾਂ DOM ਐਲੀਮੈਂਟ ਬਣਾਓ, ਫਿਰ ਉਸ ਨੂੰ ਚੁਣੇ ਗਏ ਐਲੀਮੈਂਟ ਦੀ ਥਾਂ ਲੈ ਲੋ。

jQuery ਪ੍ਰਭਾਵ ਹਾਂਡਬੁੱਕ