JQuery之路其修远兮，吾将上下而求索

2013-07-15

JQUERY概述

1、取得的对象数组，如果只有一个元素，可以直接使用单元素的函数

JQuery取对象：

1、根据id取对象：$('#Id')

  sample:<div id='sampleDiv'>1</div>

  $('#sampleDiv');

  即取得JQuery对象

2、dom转加JQuery对象：$(el)

  sample:<div id='sampleDiv'>1</div>

  var sampleDiv = document.getElementById('sampleDiv');

  $(sampleDiv );

  即取得JQuery对象

3、根据name取对象：$('name')

  sample:<div name='sampleDiv'>1</div>

  $('sampleDiv');

  即取得JQuery对象

4、选择器：TAG[CONDITION1]:CONDITION2

  sample:

  <input type='radio' name='testRadio' value='test1' />

  <input type='radio' name='testRadio' value='test2'  checked='checked'/>

  <input type='radio' name='testRadio' value='test3' />

  <input type='radio' name='testRadio' value='test4' />

  $('input[name=testRadio]:checked');

  即取得第二个input的JQuery对象

5、取数组第N个元素：eq/get(INDEX)

  sample:

  <input type='text' name='testText' value='test5' />

  <input type='text' name='testText' value='test6' />

  $('testText')取得name=testText的数组

  $('testText').eq(0)取得value=test5的input的JQuery对象

  $('testText').get(1)取得valu=test6的input的dom对象

JQuery取值，赋值：

1、取值，赋值：val()

  sample:<input type='text' id='sampleInput'/>

  $('#sampleInput').val('test');

  即为input赋值：test

  $('#sampleInput').val()

  即取得刚才赋值的：test

2、取td,div中的值

  sample:<div id='sampleDiv'>1</div>

  $('#sampleDiv').text();

  即可取值：1