This free HTML JavaScript tutorial provides 45+ JavaScript/jQuery tips and tricks that help you work in JavaScript tasks better, through live HTML JavaScript example codes. List of some JavaScript tips and tricks:
- Refreshing the src of an image with jQuery?
- Check if an image is loaded or not with jQuery
- Remove selected text after mouse double click JavaScript event
- Validate an email address
- Check if an HTML control element exists
- Cancel an AJAX request
- Select all HTML checkboxes
- Selecting root element of a certain level in the document
- Searching a string in jQuery
Please go to the full post page for full detailed tips and HTML JavaScript example codes, then try some JavaScript tutorials:
- 10 Small Javascript Tricks You Should Master
- Some Basic Tips and Tricks for Speeding Up JavaScript
- 10 jQuery and JavaScript Tips and Tricks to Improve Your Code
- 5 Good and Small JavaScript Tips and Tricks
- Demo
- Enlarge
- Reload
- New window
Free iPage Web Hosting for First Year NOW
If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?
Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage.
1.
$(imageobj).attr(
'src'
, $(imageobj)
2.
.attr(
'src'
) +
'?'
+ Math.random() );
1.
var
imgsrc =
'img/image1.png'
;
2.
$(
'<img/>'
).load(
function
() {
3.
alert(
'image loaded'
);
4.
}).error(
function
() {
5.
alert(
'error loading image'
);
6.
}).attr(
'src'
, imgsrc);
1.
var
totalimages = 10;
2.
var
loadedimages = 0;
3.
$(
"<img/>"
).load(
function
() {
4.
++loadedimages;
5.
if
(loadedimages == totalimages){
6.
//All 10 images are loaded
7.
}
8.
});
01.
clearSelection :
function
() {
02.
if
(document.selection && document.selection.empty) {
03.
document.selection.empty();
04.
}
else
if
(window.getSelection) {
05.
var
sel = window.getSelection();
06.
sel.removeAllRanges();
07.
}
08.
}
09.
$(element).bind(
'dblclick'
,
function
(event){
10.
//do something
11.
clearSelection();
12.
});
1.
var
email =
'[email protected]'
2.
if
(!(/^((([a-z]|\d|[!
#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(email)))
3.
alert(
'Invalid Email'
);
01.
<ul>
02.
<li>cloud</li>
03.
<li>sun</li>
04.
<li>rain</li>
05.
<li>snow</li>
06.
</ul
07.
08.
var
items = $(
'.to_order li'
).get();
09.
items.sort(
function
(a,b){
10.
var
keyA = $(a).text();
11.
var
keyB = $(b).text();
12.
13.
if
(keyA < keyB)
return
-1;
14.
if
(keyA > keyB)
return
1;
15.
return
0;
16.
});
17.
var
ul = $(
'.to_order'
);
18.
$.each(items,
function
(i, li){
19.
ul.append(li);
20.
});
1.
timeout = setTimeout(
function
(){myFunction(param)},time);
1.
$(document).ready(
function
(){
2.
$(document).bind(
"contextmenu"
,
function
(e){
3.
return
false
;
4.
});
5.
});
1.
$(
'imageelement'
).fadeOut(
function
() {
2.
$(
this
).load(
function
() {
3.
$(
this
).fadeIn();
4.
}).attr(
'src'
, AnotherSource);
5.
});
01.
//extend the jQuery functionality
02.
$.extend($.expr[
':'
], {
03.
04.
//name of your special selector
05.
moreThanAThousand :
function
(a){
06.
//Matching element
07.
return
parseInt($(a).html()) > 1000;
08.
}
09.
});
10.
11.
$(document).ready(
function
() {
12.
$(
'td:moreThanAThousand'
).css(
'background-color'
,
'#ff0000'
);
13.
});
- Sent (0)
- New
Save up to 630$ when buy new iPhone 15
GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project
https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools
chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language
Dall-E-OpenAI.com
Generate creative images automatically with AI
AIVideo-App.com
Render creative video automatically with AI
Jquery is great Reply
Thanks CaoPhong ...