jQuery设计思想

获取元素

    $(window) //选择window对象

　　$('#test') //选择ID为test的网页元素

　　$('div.test') // 选择class为test的div元素

　　$('button[name=but]') // 选择name属性等于but的button元素
  
   $('tr:odd') //选择表格的奇数行
   
   $('div').next('p'); //选择div元素后面的第一个p元素

　　$('div').parent(); //选择div元素的父元素

　　$('div').closest('form'); //选择离div最近的那个form父元素

　　$('div').children(); //选择div的所有子元素

　　$('div').siblings(); //选择div的同级元素

jQuery的链式编程

• jQuery的设计就是让使用者方便操作每个元素，相对应的，其大部分的函数返回的是一个对象，可以调用其中的所有api的对象，因而其实现了链式操作，精确地对一个被层层包裹下的元素操作。

$('.test').find('.child').addClass('redOrPink')

创建元素

    $('<div>div1</div>');

　　$('<span class="span1">HelloWorld</span>');

移动元素

第一种方法是使用insertAfter() ，把div元素移动p元素后面

　$('div').insertAfter($('p'));

第二种方法是使用after() ,把p元素加到div元素前面：

 $('p').after($('div'));