Posts

Plugin Introduction in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < meta http-equiv = "X-UA-Compatible" content = "ie=edge" >     < link rel = "stylesheet" href = "css/Plugin_Introduction_Tutorial.css" >     < title > Plugin Introduction </ title > </ head > < body >     < h1 > jQuery ScrollUp Plugin </ h1 >< br >< br >< br >< br >     < p > Lorem ipsum dolor sit, amet consectetur adipisicing elit. Modi qui consequatur odio dolorum voluptatem veritatis         dolore voluptate harum. Rerum, quod laudantium. Expedita distinctio officia eaque dignissimos. Excepturi quasi         libero omnis quis nulla. In iusto officia corrupti sapiente voluptatum? Cum temporibu...

Event Data Property in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < meta http-equiv = "X-UA-Compatible" content = "ie=edge" >     < link rel = "stylesheet" href = "css/Event_Data_Property.css" >     < title > Event Data Property </ title > </ head > < body >     < h1 > jQuery Event.data </ h1 >     < div id = "box" >         < p > Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos ex velit quod incidunt et adipisci dolores             blanditiis quaerat ea? Aut nobis voluptatum voluptas, voluptatem officia molestias error? Sit, possimus             minus. </ p >         < p > Lorem ipsum dolor si...

Event stopPropagation Method in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < meta http-equiv = "X-UA-Compatible" content = "ie=edge" >     < link rel = "stylesheet" href = "css/Event_stopPropagation_Method.css" >     < title > Event stopPropagation Method </ title > </ head > < body >     < h1 > jQuery Event.stopPropagation() </ h1 >     < div id = "box" >         < h2 > Test Box </ h2 >         < p > Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem facilis eaque cumque perspiciatis             sapiente distinctio aut, fugit ex, praesentium officia et quod, sit reprehenderit dolorem unde neque. Sunt,       ...

Event preventDefault Method in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < meta http-equiv = "X-UA-Compatible" content = "ie=edge" >     < link rel = "stylesheet" href = "css/Event_preventDefault_Method.css" >     < title > Event preventDefault Method </ title > </ head > < body >     < h1 > jQuery Event.preventDefault() </ h1 >     < div id = "box" >         < a href = "http://www.yahoobaba.net" id = "result" > Yahoo Baba Website(preventDefault) </ a >         < br >< br >         < a href = "http://www.yahoobaba.net" > Yahoo Baba Website </ a >     </ div >     < br >     < h2 ></...

Event "Target" Property in jQuery

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < meta http-equiv = "X-UA-Compatible" content = "ie=edge" >     < link rel = "stylesheet" href = "css/Event_Target_Property.css" >     < title > Event Target Property </ title > </ head > < body >     < h1 > jQuery Event.target Property </ h1 >     < div id = "box" >         < h2 > Test Box </ h2 >         < p > Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ab, expedita rem maiores doloribus veritatis,             magnam, vitae placeat officiis laboriosam itaque velit autem! Impedit eos, adipisci numquam corrupti hic             r...