jQuery选择器追加选择单元.add()与逗号

 

发表于：2010年07月10日 15时  作者：dx_andy

众所周知，jQuery选择器选择某一单元时可以使用诸如：jQuery(‘#formID’)来实现。好了现在我们做一个测试，假如现在有一个Form表单，它的ID为“formID”，在这个表单中有input[text]、textarea、input[button]，三类元素。

1. 选择所有input[text]元素：

jQuery(‘#formID input[type=text]‘).method…

用jQuery选择所有的input[text]元素，只需要最简单的jQuery选择器即可。这不再解释了。

2. 选择除input[button]外的元素:

第二个选择相对来说要复杂一点点，这里我们可以用jquery的add方法来实现。add方法是追加选择的意思，使用方法与jQuery选择器相同，直接向add方法中添加选择条件即可。

jQuery(‘#formID input[type=text]‘).add(‘#formID textarea’).method…

当然也可以使用jQuery的not方法，not方法与add方法有些不一样的地方，not方法不支持直接选择条件，使用时需要将选择好的Object转递给not。

jQuery(‘#formID input’).add(‘#formID textarea’).not(jQuery(‘#formID input[type=button]‘)).method…

这里还有第三种方法，也用是选择器中加“,”，来追加选择项。

jQuery(‘#formID input[type=text],#formID textarea’).method…