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.
$(
'* :not(.someclass)'
)
1.
$(
'#myTable tr:last'
).after(
'<tr>...</tr>'
);
1.
num = num.toString(16);
2.
reverse process:
3.
num = parseInt(num, 16);
1.
var
elements = $(
'#someid input[type=sometype][value=somevalue]'
).get();
1.
var
date =
new
Date();
2.
date.setTime(date.getTime() + (x * 60 * 1000));
3.
$.cookie(
'example'
,
'foo'
, { expires: date });
1.
example: first 10 anchors
2.
$(
'a'
).slice(0,10);
3.
//or
4.
$(
'a:lt(10)'
);
1.
//Get the value of a selected option
2.
$(
'selectElement'
).val();
3.
4.
//Get the text of a selected option
5.
$(
'#selectElementId :selected'
).text();
6.
7.
//Remove an option (e.g. id=1)
8.
$(
"#selectElementId option[value='1']"
).remove();
1.
$.getJSON(
"http://jsonip.appspot.com?callback=?"
,
function
(data){
2.
alert(
"Your ip: "
+ data.ip);
3.
});
file.xml:
01.
<?
xml
version
=
"1.0"
?>
02.
<
result
>
03.
<
item
>
04.
<
id
>1</
id
>
05.
<
title
>title1</
title
>
06.
<
description
>desc1</
description
>
07.
</
item
>
08.
<
item
>
09.
<
id
>2</
id
>
10.
<
title
>title2</
title
>
11.
<
description
>desc2</
description
>
12.
</
item
>
13.
<!-- ... -->
14.
</
result
>
01.
$.get(
'file.xml'
,{},
function
(data){
02.
$(
'item'
,data).each(
function
(){
03.
var
$
this
= $(
this
);
04.
var
id = $
this
.find(
'id'
).text();
05.
var
title = $
this
.find(
'title'
).text();
06.
var
description = $
this
.find(
'description'
).text();
07.
//do something ...
08.
});
09.
});
1.
<
div
id
=
"sites"
>
2.
<
a
id
=
"site_1"
href
=
"http://siteA.com"
>siteA</
a
>
3.
<
a
id
=
"site_2"
href
=
"http://siteB.com"
>siteB</
a
>
4.
<
a
id
=
"site_3"
href
=
"http://siteB.com"
>siteC</
a
>
5.
...
6.
</
div
>
you need to get 1 from site_1, 2 from site_2 ...
1.
$(
"#sites a"
).click(
function
(){
2.
var
$
this
= $(
this
);
3.
var
nmb = $
this
.attr(
'id'
).match(/site_(\d+)/)[1];
4.
...
5.
});
- 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 ...