Bài viết JavaScript này cung cấp cho bạn danh sách hơn 45 thủ thuật JavaScript và jQuery để có thể viết mã JavaScript tốt hơn. Vài thủ thuật JavaScript bạn có thể xem sơ qua là:
- Hủy một truy vấn AJAX
- Kiểm tra một hình ảnh có được tải rồi hay chưa
- Kiểm tra một điều khiển HTML có tồn tại hay không
- Tìm kiếm chuỗi với jQuery
Vui lòng vào trang chi tiết để xem đầy đủ danh sách các thủ thuật và ví dụ JavaScript mẫu.
- Demo
- Phóng to
- Tải lại
- Cửa sổ mới
Tạo video bằng AI chỉ với giọng nói hoặc văn bản
Ứng dụng video AI MIỄN PHÍ hàng đầu của bạn! Tự động hóa video AI đầu tiên của bạn. Tạo Video Chuyên Nghiệp Của Bạn Trong 5 Phút Bằng AI Không Cần Thiết Bị Hoặc Kỹ Năng Chỉnh Sửa Video. Sản xuất video dễ dàng dành cho nhà tiếp thị nội dung.
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.
});
- Lượt gửi (0)
- Mới