Jquery : การใช้งาน JQuery (JavaScript Library)

Post by Goborijung at 2020-08-07 15:10:45 | ID: 61

Credit: Kong Ruksiam 
Youtube: https://goo.gl/4BpwTn 

JQuery : ข้อความหาย หรือถูกซ่อน เมือคลิกปุ่ม

Post by Goborijung at 2020-08-07 15:11:03 | ID: 63

<script src="jquery-ui-1.12.0.custom/external/jquery/jquery.js"></script>
<script src="jquery-ui-1.12.0.custom/jquery-ui.min.js"></script>
<script>
	$(document).ready(function(){
		$("button").click(function(){
			$("p").hide('slow');
		});
	}); 
</script>

<h2>This h2</h2>
<p>This text1</p>
<p>This text2</p>
<button>click</button>

jQuery : เทคนิคเล็กๆเกี่ยวกับ Checkbox

Post by Goborijung at 2020-04-10 08:30:56 | ID: 488

Ref: https://www.thaicreate.com/community/jquery-checkbox.html

> การ Selector ของ Checkbox
$("#checkbox-id")

> การ Selector รายการ Checkbox ทั้งหมด
$("input[type='checkbox']") หรือ $("input:checkbox")

> การตรวจสอบว่า Checkbox ได้ทำการ Checked ไว้หรือไม่
if($("#chk1").prop("checked"))
{
	alert('Is checked');
}
else
{
	alert('Un checked');
}

> การ Default ว่า Checked หรือ Un Checked
$("#chk1")$(this).prop('checked', true); // Checked
$("#chk2")$(this).prop('checked', false); // Un Checked

> การ Loop รายการของ Checkbox ทั้งหมด
$("input[type='checkbox']").each(function () {
	alert($(this).attr('id'));
});

> การตรวจสอบว่ามี Checked กี่รายการ
var numChecked = $("input:checkbox:checked").length;

> การ Loop รายการของ Checkbox เฉพาะรายการที่ Checked
$("input:checkbox:checked").each(function () {
	alert($(this).attr('id'));
});

> การ Loop รายการของ Checkbox เฉพาะรายการที่ Un Checked
$("input:checkbox:not(:checked)").each(function () {
	alert($(this).attr('id'));
});

>  เทคนิคการทำ CheckAll
https://www.thaicreate.com/community/jquery-check-all-checkbox-count-checkbox.html

JQuery : เมื่อคลิกที่ tag p แล้ว ข้อความตรง p หาย

Post by Goborijung at 2020-08-07 15:11:12 | ID: 64

<script>
  $(document).ready(function(){
  	$("p").click(function(){
  		$(this).hide("slow");
  	});
  });
</script>
<p>This p1</p>
<p>This p2</p>
<p>This p3</p>

JQuery : แหล่งเรียนรู้ JQuery

Post by Goborijung at 2020-08-07 15:10:37 | ID: 60

https://www.w3schools.com/jquery/default.asp

jQueyr : Focus and Focus With last Cursor

Post by Goborijung at 2020-08-17 14:51:41 | ID: 698

<script>
$("#Barcode").focus();
</script>

>> Focus With last Cursor
<script>
var val = $("#QtyA").val();
$("#QtyA").focus().val('').val(val);
</script>

jQueyr : Plugin Warpper

Post by Goborijung at 2020-06-05 13:43:11 | ID: 604

https://www.jqueryscript.net/animation/ts-particles-wrapper.html