Tag: jquery

jQuery选择器（Selector）总结

最喜欢jQuery网站上的一句话”Write Less, Do More”。除了有非常丰富的函数可以选用以外，它的选择器也是非常强大，确实大大的提高的生产效率。今天就把这些有用的选择器好好总结一下。

jQuery的选择器可以归为三类：基本CSS选择器，位置选择器还有自定义选择器。

  • 基本选择器又被称为“查找选择器”，用来找到DOM中的各种元素。
  • 位置和自定义选择又被称为“过滤选择器”，因为它可以过滤出一个元素的集合。

下面就分类看看这几种选择器的使用方法。

基本CSS选择器(Basic CSS Selectors)

基本选择器的很多语法很像CSS，很容易记忆。

[table id=1/]

位置选择器（Positional Selectors）

这类选择器是基于元素之间位置关系的，而且可以和任意的基础选择器一起使用。

[table id=2/]

自定义选择器（Custom Selectors）

[table id=3/]

使用jQuery获得Input的值

jQuery可以非常方便的取到网页里标准input的值。我们主要使用val()方法，用几个例子说明一下。

Text Input

HTML

JavaScript

Select Input

HTML

JavaScript

selectedVal可能是option_one/option_two/option_three.

当多选的情况时，我们可以得到所有selected items的value的数组，如：

HTML

JavaScript

CheckBox Input

HTML

JavaScript

如果没有Box selected, checkValue是一个空串。

Radio Input

HTML

JavaScript