Phương thức show() truyền 1 tham số trong JQuery
Phương thức show() truyền 1 tham số trong JQuery
Phương thức show() truyền 1 tham số trong JQuery
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html>
<html>
<head>
<title>Phương thức show() truyền 1 tham số trong JQuery</title>
</head>
<body>
<h1>Phương thức show() truyền 1 tham số trong JQuery</h1>
<p>Tham số truyền vào có thể là số giây hoặc (slow là chậm) hoặc (fast là nhanh):</p>
<!--Hiện chậm(slow) phần tử HTML có id là hienid-->
<p id="hienid">Nội dung để hiện chậm(slow)</p>
<button id="nutanid">ẨN ID</button>
<button id="nuthienid">HIỆN SLOW</button>
<p>Click ẨN ID và HIỆN SLOW để ẩn, hiện chậm(slow) phần tử HTML có id là hienid</p>
<!--Hiện phần tử HTML có id là hienstyle đã ẩn bằng style với thời gian là 1 giây (1000)-->
<p id="hienstyle" style="display:none">Nội dung ẩn bằng style và hiện với thời gian là 1 giây</p>
<button id="nuthienstyle">HIỆN STYLE</button>
<p>Click HIỆN STYLE để hiện phần tử HTML có id là hienstyle với thời gian là 1 giây</p>
<!--Hiện nhanh(fast) phần tử HTML có id là hienfast đã ẩn bằng style-->
<p id="hienfast" style="display:none">Nội dung ẩn bằng style được hiện nhanh(fast)</p>
<button id="nuthienfast">HIỆN FAST</button>
<p>Click HIỆN FAST để hiện nhanh(fast) phần tử HTML có id là hienfast</p>
<script src="https://webmoi.vn/media/js/jquery-2.2.1.js"></script>
<script>
// Ẩn phần tử HTML có id là hienid
$("#nutanid").click(function(e) {
$("#hienid").hide();
});
// Hiện chậm(slow) phần tử HTML có id là hienid
$("#nuthienid").click(function(e) {
$("#hienid").show("slow");
});
// Hiện phần tử HTML có id là hienstyle đã ẩn bằng style với thời gian là 1 giây (1000)
$("#nuthienstyle").click(function(e) {
$("#hienstyle").show(1000);
});
// Hiện nhanh(fast) phần tử HTML có id là hienfast đã ẩn bằng style
$("#nuthienfast").click(function(e) {
$("#hienfast").show("fast");
});
</script>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>Phương thức show() truyền 1 tham số trong JQuery</title>
</head>
<body>
<h1>Phương thức show() truyền 1 tham số trong JQuery</h1>
<p>Tham số truyền vào có thể là số giây hoặc (slow là chậm) hoặc (fast là nhanh):</p>
<!--Hiện chậm(slow) phần tử HTML có id là hienid-->
<p id="hienid">Nội dung để hiện chậm(slow)</p>
<button id="nutanid">ẨN ID</button>
<button id="nuthienid">HIỆN SLOW</button>
<p>Click ẨN ID và HIỆN SLOW để ẩn, hiện chậm(slow) phần tử HTML có id là hienid</p>
<!--Hiện phần tử HTML có id là hienstyle đã ẩn bằng style với thời gian là 1 giây (1000)-->
<p id="hienstyle" style="display:none">Nội dung ẩn bằng style và hiện với thời gian là 1 giây</p>
<button id="nuthienstyle">HIỆN STYLE</button>
<p>Click HIỆN STYLE để hiện phần tử HTML có id là hienstyle với thời gian là 1 giây</p>
<!--Hiện nhanh(fast) phần tử HTML có id là hienfast đã ẩn bằng style-->
<p id="hienfast" style="display:none">Nội dung ẩn bằng style được hiện nhanh(fast)</p>
<button id="nuthienfast">HIỆN FAST</button>
<p>Click HIỆN FAST để hiện nhanh(fast) phần tử HTML có id là hienfast</p>
<script src="https://webmoi.vn/media/js/jquery-2.2.1.js"></script>
<script>
// Ẩn phần tử HTML có id là hienid
$("#nutanid").click(function(e) {
$("#hienid").hide();
});
// Hiện chậm(slow) phần tử HTML có id là hienid
$("#nuthienid").click(function(e) {
$("#hienid").show("slow");
});
// Hiện phần tử HTML có id là hienstyle đã ẩn bằng style với thời gian là 1 giây (1000)
$("#nuthienstyle").click(function(e) {
$("#hienstyle").show(1000);
});
// Hiện nhanh(fast) phần tử HTML có id là hienfast đã ẩn bằng style
$("#nuthienfast").click(function(e) {
$("#hienfast").show("fast");
});
</script>
</body>
</html>Phương thức show() truyền 1 tham số trong JQuery nằm trong bài viết Phương thức show() trong JQuery
