เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

ความรู้เบื้องต้นมากๆ ของ jQuery ครับ

Post a reply

Username:

Subject:

Smilies

View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review

[quote=samsonnaze3 post_id=25092 time=1332573469 user_id=13873]
[img]http://www.oxygenyoyo.com/wp-content/uploads/2011/12/jquery_logo.png[/img]

[color=#0000FF][b]ความรู้เบื้องต้นของ jQuery :[/b][/color]

[color=#FF00BF]ครับในส่วนนี้เป็นเรื่องของ jQurey นะครับ ซึ่งข้อมูลเบื้องต้นสามารถไปดูได้ที่ [/color][url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/36-Jquery/287-jquery-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]Jquery คืออะไร[/url]

[color=#FF00BF]และวิธีการใช้งานเบื้องต้น ก็ดูได้จาก[/color] [url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/36-Jquery/286-%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99-Jquery-%E0%B9%80%E0%B8%9A%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%95%E0%B9%89%E0%B8%99.html]การใช้งาน Jquery เบื้องต้น[/url]

[color=#FF00BF]ซึ่งหลักๆก็มีบอกอยู่แล้วในเว๊ป mindphp อยู่แล้วครับ แต่ส่วนตรงนี้ผมจะมาแนะนำการวิธีการนำไปใช้เบื้องต้น คร่าวๆ ให้ดูกันครับ[/color]

[code]<title>Test_jQurey</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    function setvalue(){
        $('#test').val('ทดสอบการเขียน JavaScript');
    }
    
</script>
</head>
    <body>
        <input type="text" id="test" onfocus="setvalue()" size="50"/>
    </body>
</html>[/code]

[color=#FF0000][b]อธิบายการทำงานนะครับ คือ เมื่อเราเปิด หน้า Page ขึ้นมา แล้ว เราทำการคลิ๊กหรือทำให้เคอเซอร์ไปขึ้นที่ช่อง text ก็จะปรากฏข้อความขึ้นมาว่า ทดสอบการเขียน JavaScript ครับ[/b][/color]
[/quote]

Options

Disable BBCode

Disable smilies

Do not automatically parse URLs

Expand view Topic review: ความรู้เบื้องต้นมากๆ ของ jQuery ครับ

ความรู้เบื้องต้นมากๆ ของ jQuery ครับ

Quote samsonnaze3

by samsonnaze3 » 24/03/2012 2:17 pm

ความรู้เบื้องต้นของ jQuery :

ครับในส่วนนี้เป็นเรื่องของ jQurey นะครับ ซึ่งข้อมูลเบื้องต้นสามารถไปดูได้ที่ Jquery คืออะไร

และวิธีการใช้งานเบื้องต้น ก็ดูได้จาก การใช้งาน Jquery เบื้องต้น

ซึ่งหลักๆก็มีบอกอยู่แล้วในเว๊ป mindphp อยู่แล้วครับ แต่ส่วนตรงนี้ผมจะมาแนะนำการวิธีการนำไปใช้เบื้องต้น คร่าวๆ ให้ดูกันครับ

Code: Select all

<title>Test_jQurey</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    function setvalue(){
        $('#test').val('ทดสอบการเขียน JavaScript');
    }
    
</script>
</head>
    <body>
        <input type="text" id="test" onfocus="setvalue()" size="50"/>
    </body>
</html>

อธิบายการทำงานนะครับ คือ เมื่อเราเปิด หน้า Page ขึ้นมา แล้ว เราทำการคลิ๊กหรือทำให้เคอเซอร์ไปขึ้นที่ช่อง text ก็จะปรากฏข้อความขึ้นมาว่า ทดสอบการเขียน JavaScript ครับ

Attachments

: Simple_j01.png (8.8 KiB) Viewed 1221 times

[img]http://www.oxygenyoyo.com/wp-content/uploads/2011/12/jquery_logo.png[/img]

[color=#0000FF][b]ความรู้เบื้องต้นของ jQuery :[/b][/color]

[color=#FF00BF]ครับในส่วนนี้เป็นเรื่องของ jQurey นะครับ ซึ่งข้อมูลเบื้องต้นสามารถไปดูได้ที่ [/color][url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/36-Jquery/287-jquery-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html]Jquery คืออะไร[/url]

[color=#FF00BF]และวิธีการใช้งานเบื้องต้น ก็ดูได้จาก[/color] [url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/36-Jquery/286-%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99-Jquery-%E0%B9%80%E0%B8%9A%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%95%E0%B9%89%E0%B8%99.html]การใช้งาน Jquery เบื้องต้น[/url]

[color=#FF00BF]ซึ่งหลักๆก็มีบอกอยู่แล้วในเว๊ป mindphp อยู่แล้วครับ แต่ส่วนตรงนี้ผมจะมาแนะนำการวิธีการนำไปใช้เบื้องต้น คร่าวๆ ให้ดูกันครับ[/color]

[code]<title>Test_jQurey</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function setvalue(){
$('#test').val('ทดสอบการเขียน JavaScript');
}

</script>
</head>
<body>
<input type="text" id="test" onfocus="setvalue()" size="50"/>
</body>
</html>[/code]

[color=#FF0000][b]อธิบายการทำงานนะครับ คือ เมื่อเราเปิด หน้า Page ขึ้นมา แล้ว เราทำการคลิ๊กหรือทำให้เคอเซอร์ไปขึ้นที่ช่อง text ก็จะปรากฏข้อความขึ้นมาว่า ทดสอบการเขียน JavaScript ครับ[/b][/color]

Top