jQuery中应该注意的细节

1、双击事件dblclick()

2、       //双击某选项添加到对方
$('#select1').dblclick(function(){                   //绑定双击事件
                                                                  //获取全部的选项,删除并追加给对方
var $options=$("option:selected",this);

$options.appendTo('#select2');      //追加给对方
});

      $()有2个参数，一个是选择器，一个是作用域。要和$("xxxx,xxx")区分。通常意义下的$('xxxx')其实是默认了第二个作用域。

3、选择其中含有空格的注意事项

1)var $t_a=$(".test :hidden");           //带空格（层次关系）

                                                         //选取class为“test”的元素里面所有的隐藏元素（后代元素），即

2)var $t_b=$(".test:hidden");           //不带空格（并且关系）

                                                                 //选取隐藏的class为“test”的元素，即class为“test”且是隐藏的元素

4、 :input和 input有无“:”的区别

1)$('form :input');  选取form下所有的<input>、<textarea>、<select>和<button>元素（form后有空格）     :input是选取所有的<input>、<textarea>、<select>和<button>元素

2)$('form input');   选取form元素下所有的input后代元素。                                                     input是仅仅选取<input>元素

5、DOM对象（JS对象）和jQuery对象的相互转换

JS元素只要外包上$()就是jquery对象，而jquery的对象只要加上[0]或者.get(0)，就转换成js元素了。$()函数是一个jQuery对象的制造工厂。

并且DOM对象才可以使用DOM中的方法，jQuery对象不可以使用DOM对象中的方法。

6、$(this).val()==this.value(); 获得当前jQuery对象/Dom对象的value值（一般是表单元素）

7、is(expr) 返回值:Boolean 

用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。 

如果没有元素符合，或者表达式无效，都返回'false'。

8、keyup()↑和keydown()

当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。

keyup() 方法触发 keyup 事件，或规定当发生 keyup 事件时运行的函数。keydown()反之亦然。

9、end()方法的作用：重新返回到最初的jQuery对象。

find()方法的作用：获取当前元素集合每个元素的后代元素。

10、单选框

1)默认选中：checked="checked"

2)分组：即多个单选框在一个分组，只能选择其中的一个，设置name属性相同即可。

11、filter():对选中元素集合操作，得到这些元素中符合条件的元素；

find():得到选中元素中符合条件的后代子元素。