�����������������Ï��³����������������²��я��������¾������»��������Ï���������������������������¹��¡�
�����������������Ώ��������¾����������»��������������ď�����¾���¹��������� $() ����\³\���\���\���\���\������¹�������������������³���������������Ï��������·������ jQuery �����Ï����� $() �����ҏ����ӏ����¹��𡯏��������³������������²���·���������������������¹���¼��¡����������������������� $() ���������¹���̏�¡�prototype.js ������¾���¹����������������������������� document.getElementByID ��������ޏ�����������\·\������¼\���\«\���\���������DOM\���\���\���\��\���\��������ҏ����ӏ��¹�������������Ð���·��¡�jQuery ������¾���¹���������������¼«������\���\���\���\��\���\�������jQuery\���\���\���\��\���\������������ҏ����ӏ��·���������¹��¡�
prototype.js��¡�DOM\���\���\���\��\���\��������ҏ����ӏ��¹
jQuery��¡�������¼«������\���\���\���\��\���\�������jQuery\���\���\���\��\���\������������ҏ����ӏ��¹
�����ď�������¡��¾�������������«������������������������������²��ď��������«��돢���Ï��·������������������¹��¡��ӏ�����������id����ߏ�����������»������������¹���������������������#�����؏��ޏ������������������������������������������ޏ��폢¡ߏ��������«��������
���½���³������¼«����̏�����\���\���\���\���\���\¹���������·�����������������������������������쏢������ď�����������»�ߏ��������������¹���쏢�쏪����𡯏��Ð���³���������������Ï�����id����ߏ�����������class����ߏ��������̏������������ď��������·���������·�����������Ï�¡�
<div id="hoge">id����ߏ���������������������</div> <div class="fuga">class����ߏ���������������������</div>
���³������������ prototype.js ������ jQuery ��������·�����Ï����������������������Ï��·�����ď��������������������������·�����������Ï��«����
prototype.js (1.6.0.3)
console.debug( $("hoge") ); // <div id="hoge"> console.debug( $("hoge").innerHTML ); // id����ߏ��������������������� $("hoge").innerHTML = "prototype.js ������id����ߏ�����������¹¹���·�����ď���������"; console.debug( $("hoge").innerHTML ); // prototype.js ������id����ߏ�����������¹¹���·�����ď��������� console.debug( $$(".fuga") ); // [ div.fuga ]
jQuery (1.4.2)
console.debug( $("#hoge") ); // [ div#hoge ] console.debug( $("#hoge").html() ); // id����ߏ��������������������� $("#hoge").html("jQuery ������id����ߏ�����½��Џ����¹��𡯏����ď���������"); console.debug( $("#hoge").html() ); // jQuery ������id����ߏ�����½��Џ����¹��𡯏����ď��������� console.debug( $(".fuga") ); // [ div.fuga ]
prototype.js��¡�#�����������؏��ޏ�������������¡�DOM\���\���\���\��\���\���������\���\½\���\���������\��\���\���\���\����»�����𡯏�����
jQuery��¡�#�����ҏ����؏��ޏ�������¡���¼«������\���\���\���\��\���\�������jQuery\���\���\���\��\���\�����������������������\���\½\���\���������������¼���
���½�������돪�³�돢�������������³�����я������돫����������̏����������������¹��¡�\���\\¹\���\���\��폢�¼\���������¾���¹�����¡�
<input type="text" value="data_1" id="input" />
prototype.js (1.6.0.3)
console.debug( $("input").value ); // data_1 $("input").value = "data_2"; console.debug( $("input").value ); // data_2
jQuery (1.4.2)
console.debug( $("#input").val() ); // data_1 $("#input").val("data_2"); console.debug( $("#input").val() ); // data_2
prototype.js��¡�value ���̏��½����������������»�����𡯏�����
jQuery��¡�value ������������������������ val ������»��������Ï�¡��������������³���·����������
�����������������Ï��³��������������¡��ӏ����������폢�³������½������������������Ï����������������я��������������ޏ��폢¡ߏ����������������������������������������������Ï�����µ��������ҏ��������ޏ��������·�����������á�ӏ��������������������ď�����������������³������\��⏢�¼\��������ҏ��«������»�ߏ�����½Ð���·���������·�����������á������