fly
fly Javacript脚本库
       Version 1.0 alpha
       http//:www.oocs.cc
       QQ群:80956425
       Email:flyframework
属性:
document :   document
body :   document.body
方法:
$ ( String/Dom selectors ) :   Array
查询Dom对象
              调用方式:
              fly.$("a","div")
              fly.$("a,div")
              fly("a,div")
              fly("a","div")
              $("a","div")
              $("a,div")
              [document].$("a,div")
              [div1,div2].$("a,div")
参数 :
返回值 :    Array
符合条件的多个Dom对象数组
ns ( String namespace ) :   Namespace
创建命名空间
参数 :
返回值 :    Namespace
创建的命名空间
Class ( Object options ) :   Class
创建类
参数 :
返回值 :    Class
创建的类
extend ( Object target ,Object overrides ) :   Object(参数target)
扩展
参数 :
safeExtend ( String prefix ,Object target ,Object overrides ) :   Object(参数target)
扩展时检测
参数 :
extendIfNull ( Object target ,Object overrides ) :   Object(参数target)
扩展,扩展前检测是否存在
参数 :
merge ( Object params ) :   Object
合并一组对象生成新对象
                     例:var all=fly.merge(obj1,obj2,obj3,....,objn)
参数 :
返回值 :    Object
包含多个对象成员的新对象
get ( Object obj ,Object attribute ) :   Object
获取属性
参数 :
返回值 :    Object
属性值
set ( Object obj ,Object attribute ,Object value ) :   Object(参数obj)
设置属性
参数 :
setBy ( Object obj ,Object keyValues ) :   Object(参数obj)
设置属性
参数 :
isDate ( Object obj ) :   Boolean
是否是时间
参数 :
isArray ( Object obj ) :   Boolean
是否是数组
参数 :
likeArray ( Object obj ) :   Boolean
像数组的对象,如 arguments、document.all
参数 :
isIEnumerable ( Object obj ) :   Boolean
是否IEnumerable对象
参数 :
isDom ( Object obj ) :   Boolean
是否Dom对象
参数 :
toArray ( Object obj ) :   Array
将对象转换为数组
参数 :
slice ( Object obj ,Int start ,Int(可选) end ) :   Array
获取数据的一部分
参数 :
pick ( params ) :   Object/null
返回参数列表中第一个非未定义的项
参数 :
  • params :   
    变参数,要检测的多个对象
返回值 :    Object/null
第一个非未定义的项; 如果全部未定义,则返回null
each ( Array obj ,Function fn ,Object(可选) scope ) :   Array(参数obj)
遍历一个对象
参数 :
In ( Object value ,Object(可选) params ) :   Boolean
检测对象是否在一组数据中,例       :fly.In(3,1,2,3,4,...,n)
参数 :
isFun ( Object obj ) :   Boolean
检测一个值是否函数
参数 :
emptyFun ( ) :   this
空函数
falseFun ( ) :   false
返回 false 的函数
lambda ( Object obj ) :   Function
对传入的对象进行函数封装,封装后的函数返回
参数 :
  • obj :   Object
    如果obj是函数,则返回obj,否则放一个新的函数,该函数返回值始终是obj
toFun ( Object/String/Functon fun ,Boolean onlyStr ,String format ) :   Function
如果不是函数转换为函数
参数 :
ifFun ( Function/Object obj ,Object(可选) scope ,Object(可选) params ) :   Boolean
ifFun 假如是函数 则返回函数的执行结果
参数 :
ready ( Function params ) :   fly
绑定多个函数到 window.onload
参数 :
返回值 :    fly
onLoad ( Function params ) :   fly
绑定多个函数到 window.onload
参数 :
返回值 :    fly
onUnload ( Function(可选) params ) :   fly
绑定多个函数到       window.onunload
参数 :
返回值 :    fly
onBeforeUnload ( Function params ) :   fly
绑定多个函数到       window.onBeforeUnload
参数 :
返回值 :    fly

事件:
flyConfig
属性:
方法:
addAlias ( String alias ) :   fly
给fly库命别名
              fly库默认别名 $,如果 给fly库指定其它别名,默认别名 $ 将被取消
              可以在 fly 库加载前用如下代码定义别名
              var flyConfig={
                     alias:["myFly","jimo"]
              }
              也可以直接调用该函数定义别名
              fly.addAlias("myFly","jimo")
              经过以上定义后,便可以用别名访问fly库
              如:
                     myFly.$("a,div")
                     myFly("a","div")
                     jimo.$("a","div")
                     jimo("a,div")
参数 :
返回值 :    fly
fly库
onLoad ( ) :   void
fly加载完成时执行回调函数
              可以在 fly 库加载前用如下代码定义加载完成是的回调函数
              var flyConfig={
                     alias:["myFly","jimo"],
                     onLoad:function(){
                            alert('fly已经加载完成')
                     }
              }

事件:
fly.lib.Function
函数扩展
属性:
方法:
where ( Function/String/Object predicate ,Object(可选) scope ,Object(可选) params ) :   Function
根据条件判断是否执行
参数 :
bind ( Object(可选) scope ,Object(可选) params ) :   Function
绑定域
参数 :
args ( String/Object formats ) :   Function
格式化参数
                     如:fn.$args('
参数 :
  • formats :   String/Object
    可变参数,任意多个格式或参数
                                可以是定位参数的字符串"{1}"、"{
timeout ( Int millisecond ,Object(可选) scope ,Object(可选) params ) :   Function
延迟执行
参数 :
clearTimeout ( ) :   Boolean
清除延迟执行
defer ( Int millisecond ,Object(可选) scope ,Object(可选) params ) :   Function
生成延迟执行函数
参数 :
onBefore ( Function/Array<Function> funs ,Object(可选) scope ,Object(可选) params ) :   Function
在函数执行前执行一系列函数
参数 :
attachBefore ( Object obj ,String methodName ,Object(可选) params ) :   Function
将函数附加到对象的一个方法前执行
参数 :
onAfter ( Function/Array<Function> funs ,Object(可选) scope ,Object(可选) params ) :   Function
在函数执行后执行一系列函数
参数 :
attachAfter ( Object obj ,String methodName ,Object(可选) params ) :   Function
将函数附加到对象的一个方法后执行
参数 :
inherit ( Object base ,Object overrides ) :   this
继承
参数 :
extend ( Object overrides ) :   this
扩展
参数 :

事件:
fly.lib.Data
Data 扩展
属性:
方法:
$format ( String format ) :   String
格式化日期
参数 :

事件:
fly.lib.String
String 扩展
属性:
方法:
format ( params ) :   String
格式化字符串,可以调用用最后一个参数的属性或者方法进行格式化
                     例如
                     "a{0}b{1}".format("-",5) 结果等于 "a-b5"
                     
                     var option={id:123,name:"fly"};
                     "a{0}b {name}".format("-",5,option) 结果等于 "a-b fly"
                     
                     var option={
                                   getId:function(){
                                          return 123
                                   }
                            };
                     "a{0}b {getId()}".format("-",option) 结果等于 "a-b 123"
参数 :
  • params :   
    变参数,用来格式化的任意多个参数
contains ( Object subStr ,Boolean(可选) ignoreCase ) :   Boolean
字符串是否包含另一个字符串
参数 :
trim ( ) :   String
去掉前后空白
firstUpper ( ) :   String
将第一个字母转换为大写
repeat ( Int count ) :   String
重复指定次数
参数 :
padLeft ( Int minLength ,String _char ) :   String
填充左边到指定长度
参数 :
padRight ( Object minLength ,String _char ) :   String
填充右边到指定长度
参数 :

事件:
fly.lib.Event
事件处理器
属性:
方法:
un ( Object/Array<Object> el ,String/Array<String> eName ,Function/Array<Function> fn ) :   Object/Array<Object>(参数el)
注销事件
参数 :
fire ( Object/Array<Object> el ,String/Array<String> eName ,Object(可选) scope ,Object(可选) params ) :   Object/Array<Object>(参数el)
触发事件
参数 :
stop ( ) :   Boolean
停止事件

事件:
fly.lib.Json
Json工具
属性:
方法:
encodeArray ( Array o ,Boolean jsonEncode ) :   String
对数组进行编码
参数 :
encodeDate ( Date o ,Boolean jsonEncode ) :   String
对时间进行编码
参数 :
encode ( Object o ,Boolean jsonEncode ) :   String
将对象编码
参数 :
decode ( Object json ) :   String
对Json字符串解码
参数 :
each ( Object json ,Function action ,Object(可选) scope ,Object(可选) params ) :   Object(参数json)
遍历每一项
参数 :
map ( Object json ,Function/String/Object evaluator ,Object(可选) scope ,Object(可选) params ) :   Array
将结果转换为数组
参数 :

事件:
fly.lib.Ajax
Ajax工具类
属性:
defaultUrl :   String
parameterName :   String
requestProxy :   HttpRequest
方法:
request ( Object options ) :   void
执行Ajax请求
参数 :
  • options :   Object
    配置如下:
                         url              :请求的地址
                         success :请求成功的回调函数
                         failed :请求失败的回调函数
                         method       :get 或者 post
                         isXml       :是否 text/html
                         data :是传递的数据,
                         isJson :是否返回json格式
                         isAsync       :是否异步调用,默认 true
返回值 :    void
异步调用时无返回值,同步调用是放回Ajax请求接收内容
request ( Object options ) :   String/void
执行Ajax请求,将接收内容以字符串格式传递给回调函数
参数 :
  • options :   Object
    配置如下:
                         url              :String 请求的地址
                         success :Function 请求成功的回调函数
                         failed :Function 请求失败的回调函数
                         method       :String get 或者 post
                         isXml       :Boolean 是否 text/html
                         data :Object 要传递的数据,
                         isJson :Boolean 是否返回json格式
                         isAsync       :Boolean 是否异步调用,默认 true
返回值 :    String/void
异步调用时无返回值,同步调用是放回Ajax请求接收内容
get ( String url ,Function success ,Function failed ,Object(可选) params ) :   void
以 get 方式请求,将接收内容以字符串格式传递给回调函数
参数 :
post ( String url ,Function success ,Function failed ,Object(可选) params ) :   void
以 post 方式请求,将接收内容以字符串格式传递给回调函数
参数 :
getJson ( String url ,Function success ,Function failed ,Object(可选) params ) :   void
以 get 方式请求,将接收内容以Json格式传递给回调函数
参数 :
postJson ( String url ,Function success ,Function failed ,Object(可选) params ) :   void
以 post 方式请求,将接收内容以Json格式传递给回调函数
参数 :
callUrl ( String urlFormat ,Function className ,Function methodName ,Function success ,Function failed ,Object(可选) params ) :   void
以 post 方式调用后台方法,将接收内容以Json格式传递给回调函数
参数 :
call ( String className ,String methodName ,Function success ,Function failed ,Object(可选) params ) :   void
以 post 方式调用 fly.Ajax.defaultUrl 设置的 Url 后台方法,将接收内容以Json格式传递给回调函数
参数 :
callUrlHtml ( String urlFormat ,String className ,String methodName ,Function success ,Function failed ,Object(可选) params ) :   void
以 post 方式调用后台方法,将接收内容以字符串格式传递给回调函数
参数 :
callHtml ( String className ,String methodName ,Function success ,Function failed ,Object(可选) params ) :   void
以 post 方式调用 fly.Ajax.defaultUrl 设置的 Url 后台方法,将接收内容以字符串格式传递给回调函数
参数 :
callUrlResult ( String urlFormat ,String className ,String methodName ,Function callback ,Object(可选) params ) :   void
以 post 方式调用后台方法,将接收内容以Json格式传递给回调函数
参数 :
callResult ( String className ,String methodName ,Function callback ,Object(可选) params ) :   void
以 post 方式调用 fly.Ajax.defaultUrl 设置的 Url 后台方法,将接收内容以Json格式传递给回调函数
参数 :
callUrlResultHtml ( String urlFormat ,String className ,String methodName ,Function callback ,Object(可选) params ) :   void
以 post 方式调用后台方法,将接收内容以字符串格式传递给回调函数
参数 :
callResultHtml ( String className ,String methodName ,Function callback ,Object(可选) params ) :   void
以 post 方式调用 fly.Ajax.defaultUrl 设置的 Url 后台方法,将接收内容以字符串格式传递给回调函数
参数 :

事件:
fly.lib.Cookie
Cookie 工具类
属性:
方法:
set ( String name ,String value ,Date expires ,String path ,String domain ,Boolean secure ) :   fly.lib.Cookie
设置Cookie
参数 :
get ( String path ,String name ) :   String
获取Cookie
参数 :
返回值 :    String
cookie 值
remove ( String name ) :   fly.lib.Cookie
删除 Cookie

事件:
fly.ui.DomHelper
Dom 工具类
属性:
方法:
getUniqueID ( Object el ) :   Int
获取元素唯一ID
参数 :
返回值 :    Int
元素ID
create ( String html ) :   Object/Array<Object>
根据Html创建dom元素
参数 :
返回值 :    Object/Array<Object>
创建的dom元素
doInsert ( String pos ,Object parent ,Object/Array<Object> child ,Boolean returnDom ) :   Object/Array
插入对象
参数 :
返回值 :    Object/Array
returnDom等于true返回dom对象,否则返回包含该元素的数组
createTableHtml ( Int rowCount ,Int colCount ,String tableProperties ,String rowProperties ,String cellProperties ) :   String
构造Table HTML
参数 :
返回值 :    String
HTML字符串
createTable ( Int rowCount ,Int colCount ,String tableProperties ,String rowProperties ,String cellProperties ) :   Object
构造Table
参数 :
返回值 :    Object
HTML Table 对象
insertBefore ( Object el ,Object/Array<Object> dom ,Boolean returnDom ) :   Object/Array
在元素前插入对象
参数 :
返回值 :    Object/Array
returnDom等于true返回dom对象,否则返回包含该元素的数组
insertAfter ( Object el ,Object/Array<Object> dom ,Boolean returnDom ) :   Object/Array
在元素后插入对象
参数 :
返回值 :    Object/Array
returnDom等于true返回dom对象,否则返回包含该元素的数组
insertFirst ( Object el ,Object/Array<Object> dom ,Boolean returnDom ) :   Object/Array
在元素开始位置插入对象
参数 :
返回值 :    Object/Array
returnDom等于true返回dom对象,否则返回包含该元素的数组
append ( Object el ,Object/Array<Object> dom ,Boolean returnDom ) :   Object/Array
将元素附加到一个对象结尾
参数 :
返回值 :    Object/Array
returnDom等于true返回dom对象,否则返回包含该元素的数组
children ( Object dom ) :   Array
获取该Dom元素的子元素,不含 #text
参数 :
返回值 :    Array
元素的所有子元素

事件:
fly.ui.Style
CSS 工具类
属性:
方法:
currentStyle ( Object el ) :   currentStyle
获取元素当前样式
checkValue ( String name ,Object value ) :   Object
检测样式值
参数 :
返回值 :    Object
经处理过后的属性值
get ( Object el ,String name ) :   String
获取元素样式
参数 :
返回值 :    String
属性值
set ( Object el ,String name ,Object value ) :   fly.ui.Style
设置元素样式
参数 :

事件:
fly.linq
属性:
方法:
extend ( String name ,Function fun ) :   void
扩展linq方法
参数 :

事件:
fly.linq.IEnumerable
用来扩展 linq 对象
属性:
$type :   Class
isIEnumerable :   Boolean
方法:
$create ( Array arr ) :   IEnumerable
创建新的实例
参数 :
返回值 :    IEnumerable
IEnumerable新对象
getEnumerable ( Object obj ) :   Array
获取可遍历的对象
参数 :
  • obj :   Object
    如果传递该参数,这获取该对象的可遍历对象,否则返回当前对象的可遍历对象
updateLength ( ) :   this
更新长度
select ( Object evaluator ,Object(可选) scope ,Object(可选) params ) :   IEnumerable
生成一个新IEnumerable对象
参数 :
take ( int count ,Function/String/Object predicate ,Object(可选) scope ,Object(可选) params ) :   IEnumerable
从序列的开头返回指定数量的连续元素
参数 :
each ( Function/String/Object action ,Object(可选) scope ,Object(可选) params ) :   this
遍历所有项
参数 :
uniquelize ( ) :   IEnumerable
得到一个不重复的数组
              comparer:Function 一个对值进行比较的相等比较器
notIn ( Function comparer ) :   IEnumerable
返回不在指定集合中的元素
参数 :
toJson ( Function keySelector ,Function valueSelector ) :   void
转换为Json
参数 :
on ( Object/Array<Object> eNames ,Function/Array<Function> actions ,Object data ) :   this
为每一项添加事件
参数 :
un ( ) :   this
为每一项卸载事件
              eNames       :Object/Array<Object> 一个或多个事件类型
              actions       :Function/Array<Function> 一个或多个回调函数
fire ( ) :   this
为每一项卸载事件
              eNames       :Object/Array<Object> 一个或多个事件类型
              actions       :Function/Array<Function> 一个或多个回调函数
item ( Int index ) :   Object
获取指定位置的项
参数 :
add ( Object item ) :   this
添加到集合后
参数 :
insert ( Int index ,Object(可选) items ) :   this
插入
参数 :
remove ( Int index ,Object(可选) items ) :   this
删除
参数 :
indexOf ( Object value ,Int startIndex ,Function/String/Object comparer ) :   Int
搜索第一个匹配项在数组中的索引
参数 :
返回值 :    Int
如果找到 item 的第一个匹配项,则为该项的从零开始的索引;否则为 -1。
contains ( Object value ,Int startIndex ,Function/String/Object comparer ) :   Boolean
判断值在数组中是否存在
参数 :
copyTo ( Int index ,Array arr ) :   Array(参数arr)
复制到新的数组
参数 :
  • index :   Int
    插入目标位置(0开始)
  • arr :   Array
    复制到该数组,为空将生成新的数组
merge ( Object(可选) params ) :   this
合并多个对象
参数 :
setAttr ( Object properties ) :   this
设置对象属性
参数 :
css ( String name ,Object(可选) value ) :   this
获取或设置对象的Css属性,只传递 name 参数时则,获取该属性值。
参数 :
attr ( String name ,Object(可选) value ) :   this
获取或设置对象的属性,只传递 name 参数时则,获取该属性值。
参数 :
addClass ( String css ) :   this
为每一项添加CSS样式
参数 :
removeClass ( String css ) :   this
为每一项移除CSS样式
参数 :
offset ( ) :   void
获取第一项的偏移量
参数 :
返回值 :    void
形如{left:123,top:456}
size ( ) :   void
获取第一项的大小
参数 :
返回值 :    void
形如{width:123,height:456}
blur ( ) :   this
移除焦点
focus ( ) :   this
设置焦点
disable ( ) :   this
禁用每一项
enable ( ) :   this
启用每一项
hide ( ) :   this
隐藏每一项
show ( ) :   this
显示每一项
map ( Function/String/Object evaluator ,Object(可选) scope ,Object(可选) params ) :   IEnumerable
生成一个新IEnumerable对象
参数 :
any ( Function/String/Object predicate ,Object(可选) params ) :   Boolean
确定序列中的所有元素是否都满足条件。
参数 :
first ( Function/String/Object filter ,Object(可选) scope ,Object(可选) params ) :   Object
获取第一项
参数 :
last ( Function/String/Object filter ,Object(可选) scope ,Object(可选) params ) :   Object
获取最后一项
参数 :
parent ( Int(可选) layers ) :   Array<Element>
匹配所有元素的上级元素,对应选择器 “<”
参数 :
children ( Int(可选) layers ) :   Array<Element>
匹配所有元素的子级元素,对应选择器 “>”
参数 :
next ( Int(可选) offset ) :   Array<Element>
匹配所有元素的之后的元素,对应选择器 “+”
参数 :
previous ( Int(可选) offset ) :   Array<Element>
匹配所有元素的之前的元素,对应选择器 “-”
参数 :
sibling ( ) :   Array<Element>
匹配所有元素的兄弟元素,对应选择器 “~”

事件:
fly.ui.selector
选择器
属性:
方法:
extendSelector ( Object selectors ) :   void
扩展选择器
参数 :
返回值 :    void
extendFilter ( Object filters ) :   void
扩展过滤选择器
参数 :
返回值 :    void
extendOperator ( Object operators ) :   void
扩展表达式运算符
参数 :
返回值 :    void

事件:
fly.ui.selector.DomQuery
Dom对象查询类
属性:
:   
方法:
find ( ) :   Array
查找Dom对象
参数 :
返回值 :    Array
查找到的Dom对象

事件:
$.选择器.基本
属性:
方法:
#id ( String id ) :   Array<Element>
根据给定的id匹配一个元素。
       
       示例:
       
       查找 ID 为"myDiv"的元素。

       HTML 代码:

       <div id="notMe"><p>id="notMe"</p></div>
       <div id="myDiv">id="myDiv"</div>

       fly 代码:

       $("#myDiv");
       结果:

       [ <div id="myDiv">id="myDiv"</div> ]
参数 :
$name ( String name ) :   Array<Element>
根据给定的name匹配元素。
              
       示例:
              
       查找 name 为"input1"的元素。

       HTML 代码:

       <input name="input0" />
       <input name="input1" />

       fly 代码:

       $("$input1");
       结果:

       [ <input name="input1" /> ]
参数 :
tag ( String tag ) :   Array<Element>
根据给定的标签名(nodeName)匹配所有元素。
       
       示例:
       
       查找一个 DIV 元素。

       HTML 代码:

       <div>DIV1</div>
       <div>DIV2</div>
       <span>SPAN</span>
       fly 代码:

       $("div");
       结果:

       [ <div>DIV1</div>, <div>DIV2</div> ]
参数 :
  • tag :   String
    指向 DOM 节点的标签名。
.class ( String class ) :   Array<Element>
根据给定的CSS样式名称匹配所有元素。
       
       示例:
       
       查找所有类是 "myClass" 的元素.

       HTML 代码:

       <div class="notMe">div class="notMe"</div>
       <div class="myClass">div class="myClass"</div>
       <span class="myClass">span class="myClass"</span>
       fly 代码:

       $(".myClass");
       结果:

       [ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]
参数 :
  • class :   String
    一个用以搜索的CSS样式名。一个元素可以有多个CSS样式名称,只要有一个符合就能被匹配到。
* ( ) :   Array<Element>
匹配所有元素
       
       示例:
       
       找到每一个元素

       HTML 代码:

       <div>DIV</div>
       <span>SPAN</span>
       <p>P</p>
       fly 代码:

       $("
Element ( Element element ) :   Array<Element>
将Element进行封装
       
       示例:
       
       $(document)
       
       结果
       [document]

事件:
$.选择器.层级
属性:
方法:
ancestor(祖先)descendant(后代) ( Selector ancestor ,Selector descendant ) :   Array<Element>
在给定的祖先元素下匹配所有的后代元素。
       
       示例:
       找到表单中所有的 input 元素

HTML 代码:

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />

fly 代码:

$("form input") 结果:

[ <input name="name" />, <input name="newsletter" /> ]
参数 :
parent>child: ( Selector parent ,Selector(可选) child ) :   Array<Element>
在给定的父元素下匹配所有的子元素。
       
       示例:
       
匹配表单中所有的子级input元素。

HTML 代码:

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />

fly 代码:

$("form > input") 结果:

[ <input name="name" /> ]
参数 :
child ( Selector child ,Selector(可选) parent ) :   Array<Element>
在给定的子元素下匹配所有的父元素。
       
示例:
       
匹配所有的input元素的父级fieldset元素。

HTML 代码:

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />

fly 代码:

$("input > fieldset") 结果:

[ <fieldset /> ]
参数 :
prev+next: ( Selector prev ,Selector(可选) next ) :   Array<Element>
匹配所有紧接在 prev 元素后的 next 元素       
       
示例:
匹配所有跟在 label 后面的 input 元素

HTML 代码:

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />

fly 代码:

$("label + input") 结果:

[ <input name="name" />, <input name="newsletter" /> ]
参数 :
next-prev: ( Selector next ,Selector(可选) prev ) :   Array<Element>
匹配所有紧接在 next 元素前的 prev 元素       
       
示例:
匹配所有跟在 label 前面的 input 元素

HTML 代码:

<form>
<input name="name" />
<fieldset>
<input name="newsletter" />
<label>Newsletter:</label>
</fieldset>
</form>
<input name="none" />

fly 代码:

<label>Name:</label>

$("label - input") 结果:

[ <input name="name" />, <input name="none" /> ]
参数 :
prev~siblings ( Selector prev ,Selector(可选) siblings ) :   Array<Element>
匹配 prev 元素的所有同级元素
              
示例:
       找到所有与表单同辈的 input 元素

HTML 代码:

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />

fly 代码:

$("form ~ input") 结果:

[ <input name="none" /> ]
参数 :

事件:
$.选择器.简单
属性:
方法:
:first ( ) :   Array<Element>
匹配找到的第一个元素
              
示例:

       查找表格的第一行

       HTML 代码:

       <table>
        <tr><td>Header 1</td></tr>
        <tr><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:first")
       结果:

       [ <tr><td>Header 1</td></tr> ]
:last ( ) :   Array<Element>
匹配找到的最后一个元素

              
示例:
       
       查找表格的最后一行

       HTML 代码:

       <table>
        <tr><td>Header 1</td></tr>
        <tr><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:last")
       结果:

       [ <tr><td>Value 2</td></tr> ]
:not ( Object selector ) :   Array<Element>
匹配找到的最后一个元素

              
示例:
       
查找所有未选中的 input 元素

       HTML 代码:

       <input name="apple" />
       <input name="flower" checked="checked" />
       fly 代码:

       $("input:not(:checked)")
       结果:

       [ <input name="apple" /> ]
参数 :
:even ( ) :   Array<Element>
匹配所有索引值为偶数的元素,从 0 开始计数

              
示例:
       
查找表格的1、3、5...行(即索引值0、2、4...)

       HTML 代码:

       <table>
        <tr><td>Header 1</td></tr>
        <tr><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:even")
       结果:

       [ <tr><td>Header 1</td></tr>, <tr><td>Value 2</td></tr> ]
:odd ( ) :   Array<Element>
匹配所有索引值为奇数的元素,从 0 开始计数
              
示例:
查找表格的2、4、6行(即索引值1、3、5...)

       HTML 代码:

       <table>
        <tr><td>Header 1</td></tr>
        <tr><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:odd")
       结果:

       [ <tr><td>Value 1</td></tr> ]
:eq ( Int index ) :   Array<Element>
匹配一个给定索引值的元素
              
示例:

       查找第二行

       HTML 代码:

       <table>
        <tr><td>Header 1</td></tr>
        <tr><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:eq(1)")
       结果:

       [ <tr><td>Value 1</td></tr> ]
参数 :
  • index :   Int
    索引,从 0 开始计数
:gt ( Int index ) :   Array<Element>
匹配所有大于给定索引值的元素
              
示例:

       查找第二第三行,即索引值是1和2,也就是比0大

       HTML 代码:

       <table>
        <tr><td>Header 1</td></tr>
        <tr><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:gt(0)")
       结果:

       [ <tr><td>Value 1</td></tr>, <tr><td>Value 2</td></tr> ]
参数 :
  • index :   Int
    索引,从 0 开始计数
:lt ( Int index ) :   Array<Element>
匹配所有小于给定索引值的元素
              
示例:

       查找第一第二行,即索引值是0和1,也就是比2小

       HTML 代码:

       <table>
        <tr><td>Header 1</td></tr>
        <tr><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:lt(2)")
       结果:

       [ <tr><td>Header 1</td></tr>, <tr><td>Value 1</td></tr> ]
参数 :
  • index :   Int
    索引,从 0 开始计数
:header ( ) :   Array<Element>
匹配如 h1, h2, h3之类的标题元素
                     
       示例:
       
       给页面内所有标题加上背景色

       HTML 代码:

       <h1>Header 1</h1>
       <p>Contents 1</p>
       <h2>Header 2</h2>
       <p>Contents 2</p>
       fly 代码:

       $(":header").css("background", "#EEE");
       结果:

       [ <h1 style="background:#EEE;">Header 1</h1>, <h2 style="background:#EEE;">Header 2</h2> ]

事件:
$.选择器.内容
属性:
方法:
:contains ( String text ) :   Array<Element>
匹配包含给定文本的元素

                     
       示例:
       
       查找所有包含 "John" 的 div 元素

       HTML 代码:

       <div>John Resig</div>
       <div>George Martin</div>
       <div>Malcom John Sinclair</div>
       <div>J. Ohn
       fly 代码:

       $("div:contains('John')")
       结果:

       [ <div>John Resig</div>, <div>Malcom John Sinclair</div> ]
参数 :
:has ( Object selector ) :   Array<Element>
匹配含有选择器所匹配的元素的元素

                     
       示例:
       
       给所有包含 p 元素的 div 元素添加一个 text 类

       HTML 代码:

       <div><p>Hello</p></div>
       <div>Hello again!</div>
       fly 代码:

       $("div:has(p)").addClass("test");
       结果:

       [ <div class="test"><p>Hello</p></div> ]
参数 :
:parent ( ) :   void
不支持该选择器,使用 “<” 选择器 代替

事件:
$.选择器.可见性
属性:
方法:
:display ( ) :   Array<Element>
匹配所有可见元素:元素样式中 display 不等于 none 的元素
                     
       示例:
       
       查找所有可见的 tr 元素

       HTML 代码:

       <table>
        <tr style="display:none"><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:display")
       结果:

       [ <tr><td>Value 2</td></tr> ]
:undisplay ( ) :   Array<Element>
匹配所有不可见元素:元素样式中 display 不等于 none 的元素

                     
       示例:
       
       查找所有可见的 tr 元素

       HTML 代码:

       <table>
        <tr style="display:none"><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:display")
       结果:

       [ <tr style="display:none"><td>Value 1</td></tr> ]
:visible ( ) :   Array<Element>
匹配所有可见元素:元素样式中 visibility 不等于 hidden 的元素
                     
       示例:
       
       查找所有可见的 tr 元素

       HTML 代码:

       <table>
        <tr style="visibility:hidden"><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:display")
       结果:

       [ <tr><td>Value 2</td></tr> ]
:unvisible ( ) :   Array<Element>
匹配所有可见元素:元素样式中 visibility 等于 hidden 的元素
                     
       示例:
       
       查找所有可见的 tr 元素

       HTML 代码:

       <table>
        <tr style="visibility:hidden"><td>Value 1</td></tr>
        <tr><td>Value 2</td></tr>
       </table>
       fly 代码:

       $("tr:display")
       结果:

       [ <tr style="visibility:hidden"><td>Value 1</td></tr> ]

事件:
$.选择器.属性
属性:
方法:
[attribute] ( String attribute ) :   Array<Element>
匹配包含给定属性的元素。
                     
       示例:
       
       查找所有含有 id 属性的 div 元素

       HTML 代码:

       <div>
        <p>Hello!</p>
       </div>
       <div id="test2"></div>
       fly 代码:

       $("div[id]")
       结果:

       [ <div id="test2"></div> ]
[=] ( String attribute ,Object value ) :   Array<Element>
匹配给定的属性是某个特定值的元素,也可以用“==”运算符。

       示例:
       查找所有 name 属性是 newsletter 的 input 元素

       HTML 代码:

       <input type="checkbox" name="newsletter" value="Hot Fuzz" />
       <input type="checkbox" name="newsletter" value="Cold Fusion" />
       <input type="checkbox" name="accept" value="Evil Plans" />
       fly 代码:

       $("input[name='newsletter']").attr("checked", true);
       结果:

       [ <input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />,
              <input type="checkbox" name="newsletter" value="Cold Fusion" checked="true" /> ]
参数 :
[!=] ( String attribute ,Object value ) :   Array<Element>
匹配所有不含有指定的属性,或者属性不等于特定值的元素。

       示例:
       查找所有 name 属性不是 newsletter 的 input 元素

       HTML 代码:

       <input type="checkbox" name="newsletter" value="Hot Fuzz" />
       <input type="checkbox" name="newsletter" value="Cold Fusion" />
       <input type="checkbox" name="accept" value="Evil Plans" />
       fly 代码:

       $("input[name!='newsletter']").attr("checked", true);
       结果:

       [ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]
参数 :
[^=] ( String attribute ,Object value ) :   Array<Element>
匹配给定的属性是以某些值开始的元素。

       示例:
       
       查找所有 name 以 'news' 开始的 input 元素

       HTML 代码:

       <input name="newsletter" />
       <input name="milkman" />
       <input name="newsboy" />
       fly 代码:

       $("input[name^='news']")
       结果:

       [ <input name="newsletter" />, <input name="newsboy" /> ]
参数 :
[$=] ( String attribute ,Object value ) :   Array<Element>
匹配给定的属性是以某些值结尾的元素。

       示例:
       
       查找所有 name 以 'letter' 结尾的 input 元素

       HTML 代码:

       <input name="newsletter" />
       <input name="milkman" />
       <input name="jobletter" />
       fly 代码:

       $("input[name$='letter']")
       结果:

       [ <input name="newsletter" />, <input name="jobletter" /> ]
参数 :
[*=] ( String attribute ,Object value ) :   Array<Element>
匹配给定的属性是以包含某些值的元素。

       示例:
       
       查找所有 name 包含 'man' 的 input 元素

       HTML 代码:

       <input name="man-news" />
       <input name="milkman" />
       <input name="letterman2" />
       <input name="newmilk" />
       fly 代码:

       $("input[name
参数 :
[>] ( String attribute ,Object value ) :   Array<Element>
匹配给定的属性大于某值的元素。

       示例:
       
       查找所有 size 属性大于 15 的元素

       HTML 代码:

       <input name="man-news" size=50 />
       <input name="milkman" size=10 />
       <input name="letterman2" size=15 />
       
       fly 代码:

       $("input[size>15]")
       结果:

       [ <input name="man-news" size=50 /> ]
参数 :
[<] ( String attribute ,Object value ) :   Array<Element>
匹配给定的属性小于某值的元素。

       示例:
       
       查找所有 size 属性小于 15 的元素

       HTML 代码:

       <input name="man-news" size=50 />
       <input name="milkman" size=10 />
       <input name="letterman2" size=15 />
       
       fly 代码:

       $("input[size<15]")
       结果:

       [ <input name="milkman" size=10 /> ]
参数 :
[>=] ( String attribute ,Object value ) :   Array<Element>
匹配给定的属性大于或等于某值的元素。

       示例:
       
       查找所有 size 属性大于或等于 15 的元素

       HTML 代码:

       <input name="man-news" size=50 />
       <input name="milkman" size=10 />
       <input name="letterman2" size=15 />
       
       fly 代码:

       $("input[size>=15]")
       结果:

       [ <input name="man-news" size=50 /> ,<input name="letterman2" size=15 /> ]
参数 :
[<=] ( String attribute ,Object value ) :   Array<Element>
匹配给定的属性小于或等于某值的元素。

       示例:
       
       查找所有 size 属性小于或等于 15 的元素

       HTML 代码:

       <input name="man-news" size=50 />
       <input name="milkman" size=10 />
       <input name="letterman2" size=15 />
       
       fly 代码:

       $("input[size<15]")
       结果:

       [ <input name="milkman" size=10 />,<input name="letterman2" size=15 /> ]
参数 :
[lambda] ( String lambda ) :   Array<Element>
通过 lambda(VS.NET linq) 表达式匹配。

       示例:
       
       查找所有 size 属性等于 15 的元素

       HTML 代码:

       <input name="man-news" size=50 />
       <input name="milkman" size=10 />
       <input name="letterman2" size=15 />
       
       fly 代码:

       $("input["o=>o.size==15"]")
       结果:

       [ <input name="letterman2" size=15 /> ]
参数 :

事件:
$.选择器.子元素
属性:
方法:
>: ( ) :   Array<Element>
匹配其父元素下符合规则的子元素

       fly 不支持诸如“:nth-child”,“:first-child”,“:last-child”,“:only-child”选择器,用选择器 “>:” 代替

       示例:
       
       在每个 ul 查找第 2 个li

       HTML 代码:

       <ul>
        <li>John</li>
        <li>Karl</li>
        <li>Brandon</li>
       </ul>
       <ul>
        <li>Glen</li>
        <li>Tane</li>
        <li>Ralph</li>
       </ul>
       fly 代码:

       $("ul>:eq(2)") ,或者 $("ul>:[2]")
       结果:

       [ <li>Karl</li>, <li>Tane</li> ]
       
       
       
       $("ul>:first")
       结果:

       [ <li>John</li>, <li>Glen</li> ]
       
       
       
       $("ul>:last")
       结果:

       [ <li>Brandon</li>, <li>Ralph</li> ]

事件:
$.选择器.表单
属性:
方法:
:input ( ) :   Array<Element>
匹配所有 input, textarea, select 和 button 元素。

       示例:
       
       查找所有的input元素

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":input")
       结果:

       [ <input type="text" />,
              <input type="checkbox" />,
              <input type="radio" />,
              <input type="image" />,
              <input type="file" />,
              <input type="submit" />,
              <input type="reset" />,
              <input type="password" />,
              <input type="button" /> ]
$name ( String name ) :   Array<Element>
根据给定的name匹配元素。
       
       示例:
       
       查找 name 为"input1"的元素。

       HTML 代码:

       <input name="input0" />
       <input name="input1" />

       fly 代码:

       $("$input1");
       结果:

       [ <input name="input1" /> ]
参数 :
:text ( ) :   Array<Element>
匹配所有的单行文本框

       示例:
       
       查找所有单行文本框

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":text")
       结果:

       [ <input type="text" /> ]
:password ( ) :   Array<Element>
匹配所有密码框
       
       示例:
       
       查找所有密码框

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":password")
       结果:

       [ <input type="password" /> ]
:radio ( ) :   Array<Element>
匹配所有单选按钮
       
       示例:
       
       查找所有单选按钮

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":radio")
       结果:

       [ <input type="radio" /> ]
:checkbox ( ) :   Array<Element>
匹配所有复选框
       
       示例:
       
       查找所有复选框

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":checkbox")
       结果:

       [ <input type="checkbox" /> ]
:submit ( ) :   Array<Element>
匹配所有提交按钮
       
       示例:
       
       查找所有提交按钮

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":submit")
       结果:

       [ <input type="submit" /> ]
:image ( ) :   Array<Element>
匹配所有图像域
       
       示例:
       
       匹配所有图像域

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":image")
       结果:

       [ <input type="image" /> ]
:reset ( ) :   Array<Element>
匹配所有重置按钮
       
       示例:
       
       查找所有重置按钮

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":reset")
       结果:

       [ <input type="reset" /> ]
:button ( ) :   Array<Element>
匹配所有按钮

       
       示例:
       
       查找所有按钮.

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":button")
       结果:

       [ <input type="button" />,<button></button> ]
:file ( ) :   Array<Element>
匹配所有文件域
       
       示例:
       
       查找所有文件域

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":file")
       结果:

       [ <input type="file" /> ]
:file ( ) :   Array<Element>
匹配所有文件域
       
       示例:
       
       查找所有文件域

       HTML 代码:

       <form>
        <input type="text" />
        <input type="checkbox" />
        <input type="radio" />
        <input type="image" />
        <input type="file" />
        <input type="submit" />
        <input type="reset" />
        <input type="password" />
        <input type="button" />
        <select><option/></select>
        <textarea></textarea>
        <button></button>
       </form>
       fly 代码:

       $(":file")
       结果:

       [ <input type="file" /> ]
:hidden ( ) :   Array<Element>
匹配所有的隐藏字段(type 属性为 "hidden" 的 input 元素的 )
                     
       示例:
       
       匹配type为hidden的元素

       HTML 代码:

       <form>
        <input type="text" name="email" />
        <input type="hidden" name="id" />
       </form>
       fly 代码:

       $("input:hidden")
       结果:

       [ <input type="hidden" name="id" /> ]

事件:
$.选择器.表单对象属性
属性:
方法:
:enabled ( ) :   Array<Element>
匹配所有可用元素
       
       示例:
       
       查找所有可用的input元素

       HTML 代码:

       <form>
        <input name="email" disabled="disabled" />
        <input name="id" />
       </form>
       fly 代码:

       $("input:enabled")
       结果:

       [ <input name="id" /> ]
:disabled ( ) :   Array<Element>
匹配所有不可用元素

       
       示例:
       
       查找所有不可用的input元素

       HTML 代码:

       <form>
        <input name="email" disabled="disabled" />
        <input name="id" />
       </form>
       fly 代码:

       $("input:disabled")
       结果:

       [ <input name="email" disabled="disabled" /> ]
:checked ( ) :   Array<Element>
匹配所有匹配的被选中元素(复选框、单选框等,不包括 select 中的 option)
       
       示例:
       
       查找所有选中的复选框元素

       HTML 代码:

       <form>
        <input type="checkbox" name="newsletter" checked="checked" value="Daily" />
        <input type="checkbox" name="newsletter" value="Weekly" />
        <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
       </form>
       fly 代码:

       $("input:checked")
       结果:

       [ <input type="checkbox" name="newsletter" checked="checked" value="Daily" />,
              <input type="checkbox" name="newsletter" checked="checked" value="Monthly" /> ]
:unchecked ( ) :   Array<Element>
匹配所有匹配的未被选中元素(复选框、单选框等,不包括 select 中的 option)
       
       示例:
       
       查找所有选中的复选框元素

       HTML 代码:

       <form>
        <input type="checkbox" name="newsletter" checked="checked" value="Daily" />
        <input type="checkbox" name="newsletter" value="Weekly" />
        <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
       </form>
       fly 代码:

       $("input:unchecked")
       结果:

       [ <input type="checkbox" name="newsletter" value="Weekly" /> ]
:selected ( ) :   Array<Element>
匹配所有选中的option元素
       
       示例:
       
       查找所有选中的选项元素

       HTML 代码:

       <select>
        <option value="1">Flowers</option>
        <option value="2" selected="selected">Gardens</option>
        <option value="3">Trees</option>
       </select>
       fly 代码:

       $("select option:selected")
       结果:

       [ <option value="2" selected="selected">Gardens</option> ]
:unselected ( ) :   Array<Element>
匹配所有未选中的option元素
       
       示例:
       
              
       查找所有选中的选项元素

       HTML 代码:

       <select>
        <option value="1">Flowers</option>
        <option value="2" selected="selected">Gardens</option>
        <option value="3">Trees</option>
       </select>
       fly 代码:

       $("select option:selected")
       结果:

       [ <option value="1">Flowers</option>, <option value="3">Trees</option> ]

事件:
$.选择器.技巧
属性:
> :   
< :   
+ :   
- :   
方法:

事件: