This is h3
This is aw-p-class1
This is aw-p-class2
This is aw-p-class3
- Coffee
- Tea
- Milk
This is for .click
This is for .click
Show event object on Console
Why no need to pass a parameter on the Function buttonShowEventObjectFunction???
Change Single CSS property
Change Multiple CSS properties
Use { } and : for multiple CSS
Add a class to this paragraph
Remove a class from this paragraph
This p has css applied from both style.css and jquery
If the css in stylesheet has !important, MUST USE native JavaScript style.setProperty Also, remember to use JavaScript selector to select the element, using jQuery code won;t work
Eg. style.setProperty('color', 'pink', 'important');
toggleClass method toggle between adding and removing a specified class
- Coffee
- Tea
- Milk
The append() method inserts specified content at the end of the selected elements.
The prepend() method inserts specified content at the beginning of the selected elements.
ACCEPT HTML TAG
This is the first paragraph
This is the second paragraph
This is the third paragraph
The appendTo() method inserts HTML elements at the end of the selected elements.
The prependTo() method inserts HTML elements at the beginning of the selected elements.
If both side are existing html element, the position will be swopped
ACCEPT HTML TAG
- Coffee
- Tea
- Milk
The before() method inserts specified content in front of (before) the selected elements..
The after() method inserts specified content after the selected elements.
ACCEPT HTML TAG
insertBefore()
insertAfter()
To be explored
empty()
detach()
remove()
To be explored
attr()
removeAttr()
To be explored
wrap()
wrapAll()
To be explored, MAYBE USEFUL
toArray()
The toArray() method returns the elements matched by the jQuery selector as an array.
To be explored, MAYBE USEFUL
