Posts

Showing posts from July, 2024

Width and Height methods in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Width and Height Methods in jQuery </ title > < style >     body {         font-family : arial ;     }     h1 {         font-size : 25px ;     }     #box {         background : lightgreen ;         padding : 30px ;         margin : 20px ;         border : 10px solid #000 ;     } </ style > < body >     < h1 > jQuery Width & Height Methods </ h1 >     < div id = "box" >         < h2 > Test Box </ h2 >         < p > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, aliquid ut debi...

WrapAll and WrapInner Methods in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > WrapAll and WrapInner Methods in jQuery </ title > < style >     body {         font-family : arial ;     }     #box {         background : lightgreen ;         padding : 10px ;         border : 1px solid #000 ;     }     #test {         background : pink ;         padding : 5px ;     }     .red {         color : red ;     } </ style > < body >     < h1 > jQuery WrapAll() and WrapInner() </ h1 >     < p > Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ducimus quos id eveniet ea. Debitis enim corporis ...

Wrap and UnWrap Method in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Wrap and UnWrap Method in jQuery </ title > < style >     body {         font-family : arial     }     #box {         background : lightgreen ;         padding : 10px ;         border : 1px solid #000 ;     }     #test {         background : pink ;         padding : 5px ;     } </ style > < body >     < h1 > jQuery Wrap() and UnWrap() Methods </ h1 >     < div id = "box" >         < h2 > Test Box </ h2 >         < p > Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit non lab...

ReplaceWith and ReplaceAll Methods in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > ReplaceWith and ReplaceAll Methods in jQuery </ title > < style >     body {         font-family : arial     }     #box {         background : lightgreen ;         padding : 10px ;         border : 1px solid #000 ;     } </ style > < body >     < h1 > jQuery ReplaceWith() & ReplaceAll() Methods </ h1 >     < div id = "box" >         < h2 > Test Box </ h2 >         < p > Lorem, ipsum < span > dolor sit amet </ span > consectetur adipisicing elit. Reiciendis magnam expedita asperiores             autem, minima ...

Clone Method in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Clone Method in jQuery </ title > < style >     body {         font-family : arial     }     #box {         background : lightgreen ;         padding : 10px ;         border : 1px solid #000 ;     }     #box2 {         background : lightpink ;         padding : 10px ;         border : 1px solid #000 ;     } </ style > < body >     < h1 > jQuery Clone() Method </ h1 >     < div id = "box" >         < h2 > Test Box </ h2 >         < p > Lorem ipsum < span > dolor sit am...

AppendTo and PrependTo Method in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width" > < title > AppendTo and PrependTo Method in jQuery </ title > < style >     body {         font-family : arial     }     #box {         background : lightgreen ;         padding : 10px ;         border : 1px solid #000 ;     } </ style > < body >     < h1 > jQuery AppendTo & PrependTo Methods </ h1 >     < div id = "box" >         < h2 > Test Box </ h2 >         < p > Lorem, ipsum < span > dolor sit amet </ span > consectetur adipisicing elit. Harum odio iure voluptatibus             praesentium quae temporibus sed sunt dolorum reiciendis...

Empty and Remove Method in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Empty and Remove Method in jQuery </ title > < style >     body {         font-family : arial     }     #box {         background : lightgreen ;         padding : 10px ;         border : 1px solid #000 ;     } </ style > < body >     < h1 > jQuery Empty & Remove Methods </ h1 >     < div id = "box" >         < h2 > Test Box </ h2 >         < p > Lorem ipsum < span > dolor, sit amet </ span > consectetur adipisicing elit. Obcaecati, magnam non! Blanditiis,             odio! Autem laborum, laboriosam debitis op...