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

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

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

Topic review
   

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

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

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

Image

ความรู้เบื้องต้นของ 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
Simple_j01.png (8.8 KiB) Viewed 1221 times

Top