| รูปแบบการเข้าถึง element ของ jQuery | ได้แก่ $(selector) หรือ jQuery(selector) |
|---|---|
| การเรียกใช้ method ของ element ในรูปแบบของ jQuery | ได้แก่ $(selector).method() และ jQuery(selector).method() |
| การเรียกใช้ function ในรูปแบบของ jQuery | ได้แก่ $.function(something) และ jQuery.function(something) |
| การเรียกใช้ javascript onload ในรูปแบบของ jQuery | ได้แก่ $(document).ready(function(){}); และ $(function(){}); |
| การสร้าง tag ใหม่ ในรูปแบบของ jQuery | ได้แก่ $(tag) และ jQuery(tag) |
| การสร้าง Utility Function | การสร้าง Utility Function |
| การสร้าง Set Method | การสร้าง Set Method |
| javascript object | ตัวอย่างของการใช้ object ใน javascript |
| Associate Array | ตัวอย่างของการใช้ associate array ใน javasctipt |
| การประกาศตัวแปร | ตัวอย่างการใช้งาน property ของ object window |
| การประกาศ function | ตัวอย่างของการประกาศ function |
| method call and method apply | ตัวอย่างของการใช้ method call และ method apply |
| ตัวอย่างการใช้งาน object ใน javascript | เป็นหลากหลายวิธีของการใช้งาน object ใน javascript ในรูปแบบต่างๆ |
| multiple selector และ multiple attribute | ตัวอย่างการเรียกใช้ multiple selector และ multiple attribute |
subject:รูปแบบการเข้าถึง element ของ jQuery
content:$(selector) jQuery(selector)
subject:การเรียกใช้ method ของ element ในรูปแบบของ jQuery
content:$(selector).method() jQuery(selector).method()
subject:การเรียกใช้ function ในรูปแบบของ jQuery
content:$.function(something) jQuery.function(something)
subject:การเรียกใช้ javascript onload ในรูปแบบของ jQuery
content:$(document).ready(function(){}); $(function(){});
subject:การสร้าง tag ใหม่ ในรูปแบบของ jQuery
content:$(tag) jQuery(tag) ตัวอย่าง $("<p>Hello !!</p>").insertAfter("#me"); jQuery("<p>Hello !!</p>").insertAfter("#me");
subject:การสร้าง Utility Function
syntax:( function($) { $.function_name = function() {}; })(jQuery);
example:( function($) { $.showMyWebsite = function(website_name) { alert ( website_name ); }; })(jQuery); $.showMyWebsite("http://www.function.in.th");
subject:การสร้าง Set Method
syntax:( function($) { $.fn.function_name = function() {}; })(jQuery);
example:( function($) { $.fn.showMyId = function() { alert ( this.id ); }; })(jQuery); $("div").showMyId(); ( function($) { $.fn.getMyId = function() { return this.each( function() { return ""; }); } })(jQuery);
subject:javascript object
content:ตัวอย่างของการใช้ object ใน javascript var member = new Object(); member.name = "panda"; member.www = "function.in.th"; var dateRegister = new Object(); dateRegister.day = 10; dateRegister.month = 2; dateRegister.year = 2010; member.dateRegister = dateRegister; member.toString = function () { return this.name + this.www; } หรือ var member = { name: "panda", www: "function.in.th", dateRegister: { day: 10, month: 2, year: 2010 }, toString = function () { return this.name + this.www; } };
subject:Associate Array
content:ตัวอย่างของการใช้ associate array ใน javasctipt var member = new Object(); member.name = "panda"; var member = new Object(); member["name"] = "panda"; var key = "name"; var member = new Object(); member[key] = "panda";
subject:การประกาศตัวแปร
content:ตัวอย่างการใช้งาน property ของ object window var name = "panda"; window.name = "panda";
subject:การประกาศ function
content:ตัวอย่างของการประกาศ function function hello () { alert ( "Welcome to android." ); } var hello = function () { alert ( "Welcome to android." ); }; window.hello = function () { alert ( "Welcome to android." ); };
subject:method call and method apply
content:ตัวอย่างของการใช้ method call และ method apply var man = { name: "rooney" }; var boy = { name: "giggs" }; var girl = { name: "victoria" }; window.name = "function"; function showName () { return this.name; } man.toString = showName; alert ( showName () ); // show function alert ( man.toString () ); // show rooney alert ( showName.call ( boy ) ); // show giggs alert ( showName.apply ( girl ) ); // show victoria
subject:เป็นหลากหลายวิธีของการใช้งาน object ใน javascript ในรูปแบบต่างๆ
content:function MyNumber ( ) { var myAge = 0; return { increment : function ( ) { myAge++; }, print: function ( ) { alert ( myAge ); } } } var num = MyNumber ( ); num.increment(); num.print(); var myObject = { firstMethod: function ( ) { ... }, secondMethod: function ( ) { ... }, thirdMethod: function ( ) { ... } };
subject:ตัวอย่างการเรียกใช้ multiple selector และ multiple attribute
content:$("a,img,button[type=submit]").method(); $("input[class][name^='test']").method();
