how-to
/
all-in-one
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '321e2ed394'
${ noResults }
all-in-one/html-js-css
History
Yik Teng Hie 86c42be861 html-js-css quick guide 5 years ago
..
README.md html-js-css quick guide 5 years ago

README.md

Quick Guide on HTML / Javascript / CSS

Javascript Library

  • jQuery

  • syntax : $(selector).action()

    • $("p").hide() : hide paragraph element
    • $("#test").hide() : hide element with id=test
    • $(".test").hide() : hide element with class=test
    • $(this).hide() : hide current element
    • more...

  • download and add this

    <!-- use downloaded jQuery library -->
<head>
<script src="jquery-3.5.1.min.js"></script>
</head>

    <!-- use google CDN -->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

  • Events

    • .change()
    • .click()
    • .mouseenter()
    • more...

  • AJAX (Asynchronous JavaScript and XML) : Exchange data with server

    • $("#div1").load("demo.txt")
    • $.get(URL,data,callback)
    • $.post(URL,data,callback)

  • References Overview