ให้เรตสมาชิก: 1 / 5

ดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

แนะนำการใช้งาน jQuery เบื้องต้น เพื่อเตรียมตัวเป็น  "Web programming"

         ในการจะทำให้ใช้ javascript ได้ง่ายขึ้นในการเขียนคำสั่งจะต้องมีการ เรียกใช้งาน library ตามด้วย <script type="text/javascript">......คำสั่งการทำงาน.....</script>
ตัวอย่าง

ตัวอย่าง การเรียกใช้งาน
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//คำสั่ง....
</script>

 ตัวอย่างการเขียนคำสั่ง jQuery
ในการเรียกใช้งาน สามารถเรียกใช้ได้  2 วิธี
1. ขึ้นต้นด้วย $
2. ขึ้นต้นด้วย jQuery
จุดเด่นของ  jQuery ใช้ในการหา selector ดังตัวอย่าง

ไฟล์ตัวอย่าง :: code_5.html
 <!DOCTYPE html>
<html>
<head>
<title> CSS </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
body {
font-size: 36px;
}
#mindphp{
font-size: xx-small;
background-color: #00FF00;
}
.classmindphp{
font-size: larger;
font-style: italic;
}
div {
background-color: #0000FF;
}
p.classmindphp {
background-color:#999999;
}
</style>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$('#mindphp').hide();
})
</script>
</head>
<body>
<div>ตัวอย่าง</div>
<div id="mindphp">Mindphp.com</div>
<div class="classmindphp">ข้อความที่อยู่ใน classmindphp Mindphp.com</div>
<p class="classmindphp">ข้อความที่อยู่ใน classmindphp Tag p</p>
</body>
</html>

คำอธิบาย :: เราจะให้ทำการหาตำแหน่ง #mindphp เเล้วให้ทำการปิดไม่ให้ทำการแสดงผล ในตำแหน่ง #mindphp
ผลที่ได้ :: ในตำแหน่งที่ #mindphp ก็จะไม่แสดงผล

ตัวอย่างการเขียนคำสั่ง jQuery

ไฟล์ตัวอย่าง :: code_6.html
<!DOCTYPE html>
<html>
<head>
<title> CSS </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
body {
font-size: 36px;
}
#mindphp{
font-size: xx-small;
background-color: #00FF00;
}
.classmindphp{
font-size: larger;
font-style: italic;
}
div {
background-color: #0000FF;
}
p.classmindphp {
background-color:#999999;
}
</style>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$('#mindphp').html('Mindphp From jQuery');
})
</script>
</head>
<body>
<div>ตัวอย่าง</div>
<div id="mindphp">Mindphp.com</div>
<div class="classmindphp">ข้อความที่อยู่ใน classmindphp Mindphp.com</div>
<p class="classmindphp">ข้อความที่อยู่ใน classmindphp Tag p</p>
</body>
</html>

คำอธิบาย :: เราจะให้ทำการหาตำแหน่ง #mindphp เเล้วให้ทำการเเล้วให้ทำการเปลี่ยนการแสดงผล ในตำแหน่ง #mindphp เป็น Mindphp From jQuery
ผลที่ได้ :: ในตำแหน่งที่ #mindphp ก็จะแสดงผลเป็น Mindphp From jQuery

หัวเรื่อง
แนะนำการใช้งาน jQuery เบื้องต้น
หมวดหมู่
Ajax, Ajax
ฮิต
17363
ผู้สร้างเอกสาร
thatsawan
วันที่สร้างเอกสาร
2014-06-24 00:02:42

jQuery .zip

ประเภทไฟล์ zip

ขนาดไฟล์ 1.27 KB

ผู้อัพโหลดไฟล์ thatsawan

วันที่อัพโหลด 2014-06-23 17:02:26


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ความหมายของคำว่ากรรมสิทธิ์และภาระผูกพัน
โดย EyePornnipa พฤ 22 ส.ค. 2019 7:36 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
13
พฤ 22 ส.ค. 2019 7:36 pm โดย EyePornnipa
รวมเว็บไซต์เช็คDNS และวิธีเช็คDNS คำสั่ง nslookup ,IP domainname
โดย aninthana พฤ 22 ส.ค. 2019 5:45 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
24
พฤ 22 ส.ค. 2019 5:45 pm โดย aninthana
หลักสำคัญในการร่างสัญญา
โดย EyePornnipa พฤ 22 ส.ค. 2019 5:33 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
0
14
พฤ 22 ส.ค. 2019 5:33 pm โดย EyePornnipa
เที่ยว & กินไม่หยุด...ที่ตลาดวังหลัง จ.กรุงเทพมหานคร ฯ
โดย Patipat พฤ 22 ส.ค. 2019 5:05 pm บอร์ด M088 - ปฏิภัทร สารธรรม
0
5
พฤ 22 ส.ค. 2019 5:05 pm โดย Patipat
ถามเกี่ยวกับ Python GUI ( Tkinter )
โดย New Pimsean พฤ 22 ส.ค. 2019 4:33 pm บอร์ด Programming - C/C++ & java & Python
0
9
พฤ 22 ส.ค. 2019 4:33 pm โดย New Pimsean
ถ้าต้องการจดโดเมนเนม ต้องทำอย่างไร
โดย aninthana พฤ 22 ส.ค. 2019 3:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
23
พฤ 22 ส.ค. 2019 4:32 pm โดย thorng1
วิธีการทำเว็บไซต์ 2 ภาษา ในภาษา python
โดย jirawoot พฤ 22 ส.ค. 2019 3:20 pm บอร์ด Python Knowledge
0
17
พฤ 22 ส.ค. 2019 3:20 pm โดย jirawoot
จ่ายหนี้..น้อยลง!! ธนาคารพาณิชย์ ประกาศลดดอกเบี้ยเงินกู้
โดย promotion พฤ 22 ส.ค. 2019 3:17 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
11
พฤ 22 ส.ค. 2019 3:17 pm โดย promotion
Q - อยากทราบวิธีแก้หน้า Lost password ครับ
โดย jamepiyawat พฤ 22 ส.ค. 2019 11:24 am บอร์ด Joomla Development
8
53
พฤ 22 ส.ค. 2019 4:30 pm โดย thorng1
ขั้นตอนใดในกระบวนการสร้างต้นแบบที่จะทำให้ต้นแบบเกิดความสมบูรณ์เเละพร้อมนำไปใช้งานมากที่สุด เพราะเหตุใด
โดย Anonymous พฤ 22 ส.ค. 2019 1:19 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
8
พฤ 22 ส.ค. 2019 1:19 pm โดย บุคคลทั่วไป
R - ต้องการเพิ่มการแสดงรายการบนใบแจ้งหนี้
โดย EyePornnipa พฤ 22 ส.ค. 2019 12:43 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
3
พฤ 22 ส.ค. 2019 12:43 pm โดย EyePornnipa
เขียนวิธีการเดินจากบ้านมา กทม จากคลอง 3 หมู่บ้านพฤกษา 13 มา เสนานิคม
โดย aninthana พฤ 22 ส.ค. 2019 12:21 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
19
พฤ 22 ส.ค. 2019 2:25 pm โดย mindphp
note
โดย aninthana พฤ 22 ส.ค. 2019 11:10 am บอร์ด M092 - อนินธนา บุญยัง
1
7
พฤ 22 ส.ค. 2019 6:38 pm โดย aninthana
Work's on Hand อนินธนา บุญยัง M092
โดย aninthana พฤ 22 ส.ค. 2019 11:10 am บอร์ด M092 - อนินธนา บุญยัง
1
12
พฤ 22 ส.ค. 2019 6:34 pm โดย aninthana
Job description ที่เคยทำมาแต่ละบริษัท โดยระบุประเภทธุรกิจทำมา
โดย aninthana พฤ 22 ส.ค. 2019 11:08 am บอร์ด M092 - อนินธนา บุญยัง
1
16
พฤ 22 ส.ค. 2019 11:37 am โดย aninthana
งานประจำวันที่ 22 สิงหาคม 2562
โดย aninthana พฤ 22 ส.ค. 2019 11:04 am บอร์ด M092 - อนินธนา บุญยัง
1
18
พฤ 22 ส.ค. 2019 11:06 am โดย aninthana
งานประจำวันที่ 22 สิงหาคม 2562
โดย jirawoot พฤ 22 ส.ค. 2019 10:23 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
1
5
พฤ 22 ส.ค. 2019 7:54 pm โดย jirawoot
งานประจำวันที่ 22 สิงหาคม 2562
โดย chatee supasand พฤ 22 ส.ค. 2019 10:10 am บอร์ด MT33 - นายชาตรี สุภาแสน
1
4
พฤ 22 ส.ค. 2019 9:22 pm โดย chatee supasand
งานประจำวันที่ 22 สิงหาคม 2562
โดย Patipat พฤ 22 ส.ค. 2019 10:07 am บอร์ด M088 - ปฏิภัทร สารธรรม
1
4
พฤ 22 ส.ค. 2019 7:48 pm โดย Patipat
งานประจำวันที่ 22 กรกฎาคม 2562
โดย jamepiyawat พฤ 22 ส.ค. 2019 10:01 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
1
6
พฤ 22 ส.ค. 2019 9:24 pm โดย jamepiyawat