fly
flyConfig
fly.lib.Function
fly.lib.Data
fly.lib.String
fly.lib.Event
fly.lib.Json
fly.lib.Ajax
fly.lib.Cookie
fly.ui.DomHelper
fly.ui.Style
fly.linq
fly.linq.IEnumerable
fly.ui.selector
fly.ui.selector.DomQuery
$.选择器.基本
$.选择器.层级
$.选择器.简单
$.选择器.内容
$.选择器.可见性
$.选择器.属性
$.选择器.子元素
$.选择器.表单
$.选择器.表单对象属性
$.选择器.技巧
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")
参数 :
selectors
:
String/Dom
可变参数,任意多个选择器字符串或对象
返回值
:
Array
符合条件的多个Dom对象数组
ns
(
String
namespace
) :
Namespace
创建命名空间
参数 :
namespace
:
String
要创建的命名空间,如 fly.ui
返回值
:
Namespace
创建的命名空间
Class
(
Object
options
) :
Class
创建类
参数 :
options
:
Object
选项
返回值
:
Class
创建的类
extend
(
Object
target
,
Object
overrides
) :
Object(参数target)
扩展
参数 :
target
:
Object
被扩展的对象
overrides
:
Object
包含扩展成员的任意多个参数
返回值
:
参数target
safeExtend
(
String
prefix
,
Object
target
,
Object
overrides
) :
Object(参数target)
扩展时检测
参数 :
prefix
:
String
前缀
target
:
Object
被扩展的对象
overrides
:
Object
包含扩展成员的任意多个参数
返回值
:
参数target
extendIfNull
(
Object
target
,
Object
overrides
) :
Object(参数target)
扩展,扩展前检测是否存在
参数 :
target
:
Object
被扩展的对象
overrides
:
Object
包含扩展成员的任意多个参数
返回值
:
参数target
merge
(
Object
params
) :
Object
合并一组对象生成新对象
例:var all=fly.merge(obj1,obj2,obj3,....,objn)
参数 :
params
:
Object
可变参数,要合并的多个对象
返回值
:
Object
包含多个对象成员的新对象
get
(
Object
obj
,
Object
attribute
) :
Object
获取属性
参数 :
obj
:
Object
对象
attribute
:
Object
String 属性名
返回值
:
Object
属性值
set
(
Object
obj
,
Object
attribute
,
Object
value
) :
Object(参数obj)
设置属性
参数 :
obj
:
Object
对象
attribute
:
Object
String/Object 属性名或包属性名和属性值的键值对
value
:
Object
Object(可选) 值
返回值
:
参数obj
setBy
(
Object
obj
,
Object
keyValues
) :
Object(参数obj)
设置属性
参数 :
obj
:
Object
对象
keyValues
:
Object
Object 包含属性名和属性值的键值对
返回值
:
参数obj
isDate
(
Object
obj
) :
Boolean
是否是时间
参数 :
obj
:
Object
要检测的对象
返回值
:
Boolean
isArray
(
Object
obj
) :
Boolean
是否是数组
参数 :
obj
:
Object
要检测的对象
返回值
:
Boolean
likeArray
(
Object
obj
) :
Boolean
像数组的对象,如 arguments、document.all
参数 :
obj
:
Object
要检测的对象
返回值
:
Boolean
isIEnumerable
(
Object
obj
) :
Boolean
是否IEnumerable对象
参数 :
obj
:
Object
要检测的对象
返回值
:
Boolean
isDom
(
Object
obj
) :
Boolean
是否Dom对象
参数 :
obj
:
Object
要检测的对象
返回值
:
Boolean
toArray
(
Object
obj
) :
Array
将对象转换为数组
参数 :
obj
:
Object
要转换的对象
返回值
:
Array
slice
(
Object
obj
,
Int
start
,
Int(可选)
end
) :
Array
获取数据的一部分
参数 :
obj
:
Object
数组对象
start
:
Int
开始位置
end
:
Int(可选)
结束为置
返回值
:
Array
pick
(
可
params
) :
Object/null
返回参数列表中第一个非未定义的项
参数 :
params
:
可
变参数,要检测的多个对象
返回值
:
Object/null
第一个非未定义的项; 如果全部未定义,则返回null
each
(
Array
obj
,
Function
fn
,
Object(可选)
scope
) :
Array(参数obj)
遍历一个对象
参数 :
obj
:
Array
被遍历对象
fn
:
Function
处理函数
scope
:
Object(可选)
域
返回值
:
参数obj
In
(
Object
value
,
Object(可选)
params
) :
Boolean
检测对象是否在一组数据中,例 :fly.In(3,1,2,3,4,...,n)
参数 :
value
:
Object
要检测的一个值
params
:
Object(可选)
可变参数,一组数据
返回值
:
Boolean
isFun
(
Object
obj
) :
Boolean
检测一个值是否函数
参数 :
obj
:
Object
要检测的对象
返回值
:
Boolean
emptyFun
( ) :
this
空函数
参数 :
返回值
:
this
falseFun
( ) :
false
返回 false 的函数
参数 :
返回值
:
false
lambda
(
Object
obj
) :
Function
对传入的对象进行函数封装,封装后的函数返回
参数 :
obj
:
Object
如果obj是函数,则返回obj,否则放一个新的函数,该函数返回值始终是obj
返回值
:
Function
toFun
(
Object/String/Functon
fun
,
Boolean
onlyStr
,
String
format
) :
Function
如果不是函数转换为函数
参数 :
fun
:
Object/String/Functon
或字符串
onlyStr
:
Boolean
只有fun为字符串时转换
format
:
String
函数格式化字符串
返回值
:
Function
ifFun
(
Function/Object
obj
,
Object(可选)
scope
,
Object(可选)
params
) :
Boolean
ifFun 假如是函数 则返回函数的执行结果
参数 :
obj
:
Function/Object
函数或其它值
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Boolean
ready
(
Function
params
) :
fly
绑定多个函数到 window.onload
参数 :
params
:
Function
可变参数,要绑定的任意多个函数
返回值
:
fly
onLoad
(
Function
params
) :
fly
绑定多个函数到 window.onload
参数 :
params
:
Function
可变参数,要绑定的任意多个函数
返回值
:
fly
onUnload
(
Function(可选)
params
) :
fly
绑定多个函数到 window.onunload
参数 :
params
:
Function(可选)
可变参数,要绑定的任意多个函数
返回值
:
fly
onBeforeUnload
(
Function
params
) :
fly
绑定多个函数到 window.onBeforeUnload
参数 :
params
:
Function
可变参数,要绑定的任意多个函数
返回值
:
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")
参数 :
alias
:
String
可变参数,任意多个别名
返回值
:
fly
fly库
onLoad
( ) :
void
fly加载完成时执行回调函数
可以在 fly 库加载前用如下代码定义加载完成是的回调函数
var flyConfig={
alias:["myFly","jimo"],
onLoad:function(){
alert('fly已经加载完成')
}
}
参数 :
返回值
:
void
事件:
fly.lib.Function
函数扩展
属性:
方法:
where
(
Function/String/Object
predicate
,
Object(可选)
scope
,
Object(可选)
params
) :
Function
根据条件判断是否执行
参数 :
predicate
:
Function/String/Object
用来判断是否执行的表达式、函数或其它对象
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Function
bind
(
Object(可选)
scope
,
Object(可选)
params
) :
Function
绑定域
参数 :
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Function
args
(
String/Object
formats
) :
Function
格式化参数
如:fn.$args('
参数 :
formats
:
String/Object
可变参数,任意多个格式或参数
可以是定位参数的字符串"{1}"、"{
返回值
:
Function
timeout
(
Int
millisecond
,
Object(可选)
scope
,
Object(可选)
params
) :
Function
延迟执行
参数 :
millisecond
:
Int
延迟时间(毫秒)
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Function
clearTimeout
( ) :
Boolean
清除延迟执行
参数 :
返回值
:
Boolean
defer
(
Int
millisecond
,
Object(可选)
scope
,
Object(可选)
params
) :
Function
生成延迟执行函数
参数 :
millisecond
:
Int
延迟时间(毫秒)
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Function
onBefore
(
Function/Array<Function>
funs
,
Object(可选)
scope
,
Object(可选)
params
) :
Function
在函数执行前执行一系列函数
参数 :
funs
:
Function/Array<Function>
要执行的所有函数
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Function
attachBefore
(
Object
obj
,
String
methodName
,
Object(可选)
params
) :
Function
将函数附加到对象的一个方法前执行
参数 :
obj
:
Object
被附加的对象
methodName
:
String
对象被附加的方法
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Function
onAfter
(
Function/Array<Function>
funs
,
Object(可选)
scope
,
Object(可选)
params
) :
Function
在函数执行后执行一系列函数
参数 :
funs
:
Function/Array<Function>
要执行的所有函数
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Function
attachAfter
(
Object
obj
,
String
methodName
,
Object(可选)
params
) :
Function
将函数附加到对象的一个方法后执行
参数 :
obj
:
Object
被附加的对象
methodName
:
String
对象被附加的方法
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Function
inherit
(
Object
base
,
Object
overrides
) :
this
继承
参数 :
base
:
Object
基类
overrides
:
Object
包含扩展成员的任意多个参数
返回值
:
this
extend
(
Object
overrides
) :
this
扩展
参数 :
overrides
:
Object
包含扩展成员的任意多个参数
返回值
:
this
事件:
fly.lib.Data
Data 扩展
属性:
方法:
$format
(
String
format
) :
String
格式化日期
参数 :
format
:
String
时间格式,默认 yyyy-MM-dd hh:mm:ss
返回值
:
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
:
可
变参数,用来格式化的任意多个参数
返回值
:
String
contains
(
Object
subStr
,
Boolean(可选)
ignoreCase
) :
Boolean
字符串是否包含另一个字符串
参数 :
subStr
:
Object
要检查的子串
ignoreCase
:
Boolean(可选)
忽略大小写,默认区分大小写
返回值
:
Boolean
trim
( ) :
String
去掉前后空白
参数 :
返回值
:
String
firstUpper
( ) :
String
将第一个字母转换为大写
参数 :
返回值
:
String
repeat
(
Int
count
) :
String
重复指定次数
参数 :
count
:
Int
重复次数
返回值
:
String
padLeft
(
Int
minLength
,
String
_char
) :
String
填充左边到指定长度
参数 :
minLength
:
Int
最小长度
_char
:
String
用来填充不足的字符
返回值
:
String
padRight
(
Object
minLength
,
String
_char
) :
String
填充右边到指定长度
参数 :
minLength
:
Object
最小长度
_char
:
String
用来填充不足的字符
返回值
:
String
事件:
fly.lib.Event
事件处理器
属性:
方法:
on
(
Object/Array<Object>
el
,
String/Array<String>
eName
,
Function/Array<Function>
fn
,
Object(可选)
scope
,
Object(可选)
params
) :
Object/Array<Object>(参数el)
添加事件
参数 :
el
:
Object/Array<Object>
一个或多个dom对象
eName
:
String/Array<String>
一个或多个事件名
fn
:
Function/Array<Function>
一个或多个处理函数
scope
:
Object(可选)
域
params
:
Object(可选)
要传递的数据
返回值
:
参数el
un
(
Object/Array<Object>
el
,
String/Array<String>
eName
,
Function/Array<Function>
fn
) :
Object/Array<Object>(参数el)
注销事件
参数 :
el
:
Object/Array<Object>
一个或多个dom对象
eName
:
String/Array<String>
一个或多个事件名
fn
:
Function/Array<Function>
一个或多个处理函数
返回值
:
参数el
fire
(
Object/Array<Object>
el
,
String/Array<String>
eName
,
Object(可选)
scope
,
Object(可选)
params
) :
Object/Array<Object>(参数el)
触发事件
参数 :
el
:
Object/Array<Object>
一个或多个dom对象
eName
:
String/Array<String>
一个或多个事件名
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
参数el
stop
( ) :
Boolean
停止事件
参数 :
返回值
:
Boolean
false
事件:
fly.lib.Json
Json工具
属性:
方法:
encodeArray
(
Array
o
,
Boolean
jsonEncode
) :
String
对数组进行编码
参数 :
o
:
Array
要编码的数组
jsonEncode
:
Boolean
是否Json格式
返回值
:
String
encodeDate
(
Date
o
,
Boolean
jsonEncode
) :
String
对时间进行编码
参数 :
o
:
Date
要编码的时间对象
jsonEncode
:
Boolean
是否Json格式,
返回值
:
String
encode
(
Object
o
,
Boolean
jsonEncode
) :
String
将对象编码
参数 :
o
:
Object
要编码的对象
jsonEncode
:
Boolean
是否Json格式,
返回值
:
String
decode
(
Object
json
) :
String
对Json字符串解码
参数 :
json
:
Object
要解码的Json对象
返回值
:
String
each
(
Object
json
,
Function
action
,
Object(可选)
scope
,
Object(可选)
params
) :
Object(参数json)
遍历每一项
参数 :
json
:
Object
要遍历的对象
action
:
Function
处理函数
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
参数json
map
(
Object
json
,
Function/String/Object
evaluator
,
Object(可选)
scope
,
Object(可选)
params
) :
Array
将结果转换为数组
参数 :
json
:
Object
要转换的数组
evaluator
:
Function/String/Object
计算值的函数
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的多个参数
返回值
:
Array
事件:
fly.lib.Ajax
Ajax工具类
属性:
defaultUrl
:
String
默认的Ajax请求Url格式
parameterName
:
String
按顺序传递参数时,参数名的格式字符串
requestProxy
:
HttpRequest
Ajax代理对象,所有Ajax请求将调用该对象的request方法实现Ajax请求
方法:
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 方式请求,将接收内容以字符串格式传递给回调函数
参数 :
url
:
String
要请求的Url
success
:
Function
请求成功的回调函数
failed
:
Function
请求失败的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
post
(
String
url
,
Function
success
,
Function
failed
,
Object(可选)
params
) :
void
以 post 方式请求,将接收内容以字符串格式传递给回调函数
参数 :
url
:
String
要请求的Url
success
:
Function
请求成功的回调函数
failed
:
Function
请求失败的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
getJson
(
String
url
,
Function
success
,
Function
failed
,
Object(可选)
params
) :
void
以 get 方式请求,将接收内容以Json格式传递给回调函数
参数 :
url
:
String
要请求的Url
success
:
Function
请求成功的回调函数
failed
:
Function
请求失败的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
postJson
(
String
url
,
Function
success
,
Function
failed
,
Object(可选)
params
) :
void
以 post 方式请求,将接收内容以Json格式传递给回调函数
参数 :
url
:
String
要请求的Url
success
:
Function
请求成功的回调函数
failed
:
Function
请求失败的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
callUrl
(
String
urlFormat
,
Function
className
,
Function
methodName
,
Function
success
,
Function
failed
,
Object(可选)
params
) :
void
以 post 方式调用后台方法,将接收内容以Json格式传递给回调函数
参数 :
urlFormat
:
String
要请求的Url格式字符串 {0} 类名,{1} 方法名
className
:
Function
类名
methodName
:
Function
方法名
success
:
Function
请求成功的回调函数
failed
:
Function
请求失败的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
call
(
String
className
,
String
methodName
,
Function
success
,
Function
failed
,
Object(可选)
params
) :
void
以 post 方式调用 fly.Ajax.defaultUrl 设置的 Url 后台方法,将接收内容以Json格式传递给回调函数
参数 :
className
:
String
类名
methodName
:
String
方法名
success
:
Function
请求成功的回调函数
failed
:
Function
请求失败的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
callUrlHtml
(
String
urlFormat
,
String
className
,
String
methodName
,
Function
success
,
Function
failed
,
Object(可选)
params
) :
void
以 post 方式调用后台方法,将接收内容以字符串格式传递给回调函数
参数 :
urlFormat
:
String
要请求的Url格式字符串 {0} 类名,{1} 方法名
className
:
String
类名
methodName
:
String
方法名
success
:
Function
请求成功的回调函数
failed
:
Function
请求失败的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
callHtml
(
String
className
,
String
methodName
,
Function
success
,
Function
failed
,
Object(可选)
params
) :
void
以 post 方式调用 fly.Ajax.defaultUrl 设置的 Url 后台方法,将接收内容以字符串格式传递给回调函数
参数 :
className
:
String
类名
methodName
:
String
方法名
success
:
Function
请求成功的回调函数
failed
:
Function
请求失败的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
returns :void
返回值
:
void
callUrlResult
(
String
urlFormat
,
String
className
,
String
methodName
,
Function
callback
,
Object(可选)
params
) :
void
以 post 方式调用后台方法,将接收内容以Json格式传递给回调函数
参数 :
urlFormat
:
String
要请求的Url格式字符串 {0} 类名,{1} 方法名
className
:
String
类名
methodName
:
String
方法名
callback
:
Function
请求完成的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
callResult
(
String
className
,
String
methodName
,
Function
callback
,
Object(可选)
params
) :
void
以 post 方式调用 fly.Ajax.defaultUrl 设置的 Url 后台方法,将接收内容以Json格式传递给回调函数
参数 :
className
:
String
类名
methodName
:
String
方法名
callback
:
Function
请求完成的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
callUrlResultHtml
(
String
urlFormat
,
String
className
,
String
methodName
,
Function
callback
,
Object(可选)
params
) :
void
以 post 方式调用后台方法,将接收内容以字符串格式传递给回调函数
参数 :
urlFormat
:
String
要请求的Url格式字符串 {0} 类名,{1} 方法名
className
:
String
类名
methodName
:
String
方法名
callback
:
Function
请求完成的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
callResultHtml
(
String
className
,
String
methodName
,
Function
callback
,
Object(可选)
params
) :
void
以 post 方式调用 fly.Ajax.defaultUrl 设置的 Url 后台方法,将接收内容以字符串格式传递给回调函数
参数 :
className
:
String
类名
methodName
:
String
方法名
callback
:
Function
请求完成的回调函数
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
void
事件:
fly.lib.Cookie
Cookie 工具类
属性:
方法:
set
(
String
name
,
String
value
,
Date
expires
,
String
path
,
String
domain
,
Boolean
secure
) :
fly.lib.Cookie
设置Cookie
参数 :
name
:
String
cookie名
value
:
String
cookie值
expires
:
Date
过期时间
path
:
String
路径
domain
:
String
域
secure
:
Boolean
返回值
:
fly.lib.Cookie
get
(
String
path
,
String
name
) :
String
获取Cookie
参数 :
path
:
String
路径
name
:
String
cookie名
返回值
:
String
cookie 值
remove
(
String
name
) :
fly.lib.Cookie
删除 Cookie
参数 :
name
:
String
cookie名
返回值
:
fly.lib.Cookie
事件:
fly.ui.DomHelper
Dom 工具类
属性:
方法:
getUniqueID
(
Object
el
) :
Int
获取元素唯一ID
参数 :
el
:
Object
Dom元素
返回值
:
Int
元素ID
create
(
String
html
) :
Object/Array<Object>
根据Html创建dom元素
参数 :
html
:
String
html字符串
返回值
:
Object/Array<Object>
创建的dom元素
doInsert
(
String
pos
,
Object
parent
,
Object/Array<Object>
child
,
Boolean
returnDom
) :
Object/Array
插入对象
参数 :
pos
:
String
插入位置(beforeBegin,afterBegin,beforeEnd,afterEnd)
parent
:
Object
父元素
child
:
Object/Array<Object>
子元素
returnDom
:
Boolean
是否返回dom元素
返回值
:
Object/Array
returnDom等于true返回dom对象,否则返回包含该元素的数组
createTableHtml
(
Int
rowCount
,
Int
colCount
,
String
tableProperties
,
String
rowProperties
,
String
cellProperties
) :
String
构造Table HTML
参数 :
rowCount
:
Int
行数
colCount
:
Int
列数
tableProperties
:
String
<table>标签的其它属性
rowProperties
:
String
<tr>标签的其它属性
cellProperties
:
String
<td>标签的其它属性
返回值
:
String
HTML字符串
createTable
(
Int
rowCount
,
Int
colCount
,
String
tableProperties
,
String
rowProperties
,
String
cellProperties
) :
Object
构造Table
参数 :
rowCount
:
Int
行数
colCount
:
Int
列数
tableProperties
:
String
<table>标签的其它属性
rowProperties
:
String
<tr>标签的其它属性
cellProperties
:
String
<td>标签的其它属性
返回值
:
Object
HTML Table 对象
insertBefore
(
Object
el
,
Object/Array<Object>
dom
,
Boolean
returnDom
) :
Object/Array
在元素前插入对象
参数 :
el
:
Object
在该元素前插入对象
dom
:
Object/Array<Object>
要插入的一个或多个Dom元素
returnDom
:
Boolean
是否返回dom元素
返回值
:
Object/Array
returnDom等于true返回dom对象,否则返回包含该元素的数组
insertAfter
(
Object
el
,
Object/Array<Object>
dom
,
Boolean
returnDom
) :
Object/Array
在元素后插入对象
参数 :
el
:
Object
在该元素后插入对象
dom
:
Object/Array<Object>
要插入的一个或多个Dom元素
returnDom
:
Boolean
是否返回dom元素
返回值
:
Object/Array
returnDom等于true返回dom对象,否则返回包含该元素的数组
insertFirst
(
Object
el
,
Object/Array<Object>
dom
,
Boolean
returnDom
) :
Object/Array
在元素开始位置插入对象
参数 :
el
:
Object
在该元素开始位置插入对象
dom
:
Object/Array<Object>
要插入的一个或多个Dom元素
returnDom
:
Boolean
是否返回dom元素
返回值
:
Object/Array
returnDom等于true返回dom对象,否则返回包含该元素的数组
append
(
Object
el
,
Object/Array<Object>
dom
,
Boolean
returnDom
) :
Object/Array
将元素附加到一个对象结尾
参数 :
el
:
Object
在该元素结束位置插入对象
dom
:
Object/Array<Object>
要插入的一个或多个Dom元素
returnDom
:
Boolean
是否返回dom元素
返回值
:
Object/Array
returnDom等于true返回dom对象,否则返回包含该元素的数组
children
(
Object
dom
) :
Array
获取该Dom元素的子元素,不含 #text
参数 :
dom
:
Object
要获取子元素的Dom元素
返回值
:
Array
元素的所有子元素
事件:
fly.ui.Style
CSS 工具类
属性:
方法:
currentStyle
(
Object
el
) :
currentStyle
获取元素当前样式
参数 :
el
:
Object
元素
返回值
:
currentStyle
checkValue
(
String
name
,
Object
value
) :
Object
检测样式值
参数 :
name
:
String
样式名
value
:
Object
样式值
返回值
:
Object
经处理过后的属性值
get
(
Object
el
,
String
name
) :
String
获取元素样式
参数 :
el
:
Object
要获取样式的元素
name
:
String
要设置的样式名
返回值
:
String
属性值
set
(
Object
el
,
String
name
,
Object
value
) :
fly.ui.Style
设置元素样式
参数 :
el
:
Object
被设置样式的元素
name
:
String
要设置的样式名
value
:
Object
样式值
返回值
:
fly.ui.Style
事件:
fly.linq
属性:
方法:
extend
(
String
name
,
Function
fun
) :
void
扩展linq方法
参数 :
name
:
String
方法名
fun
:
Function
函数
返回值
:
void
事件:
fly.linq.IEnumerable
用来扩展 linq 对象
属性:
$type
:
Class
原始类型
isIEnumerable
:
Boolean
fly.linq.IEnumerable标识
方法:
$create
(
Array
arr
) :
IEnumerable
创建新的实例
参数 :
arr
:
Array
初始元素
返回值
:
IEnumerable
IEnumerable新对象
getEnumerable
(
Object
obj
) :
Array
获取可遍历的对象
参数 :
obj
:
Object
如果传递该参数,这获取该对象的可遍历对象,否则返回当前对象的可遍历对象
返回值
:
Array
updateLength
( ) :
this
更新长度
参数 :
返回值
:
this
select
(
Object
evaluator
,
Object(可选)
scope
,
Object(可选)
params
) :
IEnumerable
生成一个新IEnumerable对象
参数 :
evaluator
:
Object
计算值的函数
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数,
返回值
:
IEnumerable
take
(
int
count
,
Function/String/Object
predicate
,
Object(可选)
scope
,
Object(可选)
params
) :
IEnumerable
从序列的开头返回指定数量的连续元素
参数 :
count
:
int
要获取的数量,可以是负整数。
isAssending : Boolean 是否升序
predicate
:
Function/String/Object
用于测试每个元素是否满足条件的函数。
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
IEnumerable
each
(
Function/String/Object
action
,
Object(可选)
scope
,
Object(可选)
params
) :
this
遍历所有项
参数 :
action
:
Function/String/Object
处理每一项的回调函数
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
this
uniquelize
( ) :
IEnumerable
得到一个不重复的数组
comparer:Function 一个对值进行比较的相等比较器
参数 :
返回值
:
IEnumerable
notIn
(
Function
comparer
) :
IEnumerable
返回不在指定集合中的元素
参数 :
comparer
:
Function
一个对值进行比较的相等比较器
返回值
:
IEnumerable
toJson
(
Function
keySelector
,
Function
valueSelector
) :
void
转换为Json
参数 :
keySelector
:
Function
用于从每个元素中提取键的函数。
valueSelector
:
Function
用于从每个元素产生结果元素值的转换函数。
return :Json
返回值
:
void
on
(
Object/Array<Object>
eNames
,
Function/Array<Function>
actions
,
Object
data
) :
this
为每一项添加事件
参数 :
eNames
:
Object/Array<Object>
一个或多个事件类型
actions
:
Function/Array<Function>
一个或多个回调函数
data
:
Object
要传递的数据
返回值
:
this
un
( ) :
this
为每一项卸载事件
eNames :Object/Array<Object> 一个或多个事件类型
actions :Function/Array<Function> 一个或多个回调函数
参数 :
返回值
:
this
fire
( ) :
this
为每一项卸载事件
eNames :Object/Array<Object> 一个或多个事件类型
actions :Function/Array<Function> 一个或多个回调函数
参数 :
返回值
:
this
item
(
Int
index
) :
Object
获取指定位置的项
参数 :
index
:
Int
从0开始的索引
返回值
:
Object
add
(
Object
item
) :
this
添加到集合后
参数 :
item
:
Object
要添加的新项
返回值
:
this
insert
(
Int
index
,
Object(可选)
items
) :
this
插入
参数 :
index
:
Int
插入的目标位置(从0开始)
items
:
Object(可选)
可变参数,要插入的任意多个项
返回值
:
this
remove
(
Int
index
,
Object(可选)
items
) :
this
删除
参数 :
index
:
Int
要删除的目标位置(从0开始)
items
:
Object(可选)
可变参数,在该位置插入的任意多个项
返回值
:
this
indexOf
(
Object
value
,
Int
startIndex
,
Function/String/Object
comparer
) :
Int
搜索第一个匹配项在数组中的索引
参数 :
value
:
Object
搜索的值
startIndex
:
Int
开始位置
comparer
:
Function/String/Object
一个对值进行比较的相等比较器
返回值
:
Int
如果找到 item 的第一个匹配项,则为该项的从零开始的索引;否则为 -1。
contains
(
Object
value
,
Int
startIndex
,
Function/String/Object
comparer
) :
Boolean
判断值在数组中是否存在
参数 :
value
:
Object
搜索的值
startIndex
:
Int
开始位置
comparer
:
Function/String/Object
一个对值进行比较的相等比较器
返回值
:
Boolean
copyTo
(
Int
index
,
Array
arr
) :
Array(参数arr)
复制到新的数组
参数 :
index
:
Int
插入目标位置(0开始)
arr
:
Array
复制到该数组,为空将生成新的数组
返回值
:
参数arr
merge
(
Object(可选)
params
) :
this
合并多个对象
参数 :
params
:
Object(可选)
可变参数,任意多个对象
返回值
:
this
setAttr
(
Object
properties
) :
this
设置对象属性
参数 :
properties
:
Object
包含多个属性和属性值的键值对
返回值
:
this
css
(
String
name
,
Object(可选)
value
) :
this
获取或设置对象的Css属性,只传递 name 参数时则,获取该属性值。
参数 :
name
:
String
属性名或要应用到对象Css属性的键值对
value
:
Object(可选)
Css属性值
返回值
:
this
attr
(
String
name
,
Object(可选)
value
) :
this
获取或设置对象的属性,只传递 name 参数时则,获取该属性值。
参数 :
name
:
String
属性名或要应用到对象属性的键值对
value
:
Object(可选)
属性值
返回值
:
this
addClass
(
String
css
) :
this
为每一项添加CSS样式
参数 :
css
:
String
要添加的CSS名称
返回值
:
this
removeClass
(
String
css
) :
this
为每一项移除CSS样式
参数 :
css
:
String
要移除的CSS名称
返回值
:
this
offset
( ) :
void
获取第一项的偏移量
参数 :
返回值
:
void
形如{left:123,top:456}
size
( ) :
void
获取第一项的大小
参数 :
返回值
:
void
形如{width:123,height:456}
blur
( ) :
this
移除焦点
参数 :
返回值
:
this
focus
( ) :
this
设置焦点
参数 :
返回值
:
this
disable
( ) :
this
禁用每一项
参数 :
返回值
:
this
enable
( ) :
this
启用每一项
参数 :
返回值
:
this
hide
( ) :
this
隐藏每一项
参数 :
返回值
:
this
show
( ) :
this
显示每一项
参数 :
返回值
:
this
map
(
Function/String/Object
evaluator
,
Object(可选)
scope
,
Object(可选)
params
) :
IEnumerable
生成一个新IEnumerable对象
参数 :
evaluator
:
Function/String/Object
计算值的函数
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
IEnumerable
any
(
Function/String/Object
predicate
,
Object(可选)
params
) :
Boolean
确定序列中的所有元素是否都满足条件。
参数 :
predicate
:
Function/String/Object
用于测试每个元素是否满足条件的函数。
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Boolean
where
(
Function/String/Object
predicate
,
Object(可选)
scope
,
Object(可选)
params
) :
IEnumerable
查询
参数 :
predicate
:
Function/String/Object
查询条件
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
IEnumerable
first
(
Function/String/Object
filter
,
Object(可选)
scope
,
Object(可选)
params
) :
Object
获取第一项
参数 :
filter
:
Function/String/Object
查询条件
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Object
last
(
Function/String/Object
filter
,
Object(可选)
scope
,
Object(可选)
params
) :
Object
获取最后一项
参数 :
filter
:
Function/String/Object
查询条件
scope
:
Object(可选)
域
params
:
Object(可选)
可变参数,要传递的任意多个参数
返回值
:
Object
parent
(
Int(可选)
layers
) :
Array<Element>
匹配所有元素的上级元素,对应选择器 “<”
参数 :
layers
:
Int(可选)
往上的级数,默认 1
返回值
:
Array<Element>
children
(
Int(可选)
layers
) :
Array<Element>
匹配所有元素的子级元素,对应选择器 “>”
参数 :
layers
:
Int(可选)
往下的级数,默认 1
返回值
:
Array<Element>
next
(
Int(可选)
offset
) :
Array<Element>
匹配所有元素的之后的元素,对应选择器 “+”
参数 :
offset
:
Int(可选)
往后的偏移量,默认 1
返回值
:
Array<Element>
previous
(
Int(可选)
offset
) :
Array<Element>
匹配所有元素的之前的元素,对应选择器 “-”
参数 :
offset
:
Int(可选)
往前的偏移量,默认 1
返回值
:
Array<Element>
sibling
( ) :
Array<Element>
匹配所有元素的兄弟元素,对应选择器 “~”
参数 :
返回值
:
Array<Element>
事件:
fly.ui.selector
选择器
属性:
方法:
extendSelector
(
Object
selectors
) :
void
扩展选择器
参数 :
selectors
:
Object
多个选择器
返回值
:
void
无
extendFilter
(
Object
filters
) :
void
扩展过滤选择器
参数 :
filters
:
Object
多个选择器
返回值
:
void
无
extendOperator
(
Object
operators
) :
void
扩展表达式运算符
参数 :
operators
:
Object
{String} 多个运算符
返回值
:
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> ]
参数 :
id
:
String
指向Dom元素的id
返回值
:
Array<Element>
$name
(
String
name
) :
Array<Element>
根据给定的name匹配元素。
示例:
查找 name 为"input1"的元素。
HTML 代码:
<input name="input0" />
<input name="input1" />
fly 代码:
$("$input1");
结果:
[ <input name="input1" /> ]
参数 :
name
:
String
指向Dom元素的name
返回值
:
Array<Element>
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 节点的标签名。
返回值
:
Array<Element>
.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>
*
( ) :
Array<Element>
匹配所有元素
示例:
找到每一个元素
HTML 代码:
<div>DIV</div>
<span>SPAN</span>
<p>P</p>
fly 代码:
$("
参数 :
返回值
:
Array<Element>
Element
(
Element
element
) :
Array<Element>
将Element进行封装
示例:
$(document)
结果
[document]
参数 :
element
:
Element
返回值
:
Array<Element>
事件:
$.选择器.层级
属性:
方法:
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" /> ]
参数 :
ancestor
:
Selector
任何有效的选择器,用来匹配祖先元素
descendant
:
Selector
任何有效的选择器,用来匹配祖先元素的后代元素
返回值
:
Array<Element>
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" /> ]
参数 :
parent
:
Selector
任何有效的选择器,用来匹配父级元素
child
:
Selector(可选)
任何有效的选择器,用来匹配祖先元素的子级元素
返回值
:
Array<Element>
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 /> ]
参数 :
child
:
Selector
任何有效的选择器,用来匹配子元素
parent
:
Selector(可选)
任何有效的选择器,用来匹配所有子元素的父亲元素
返回值
:
Array<Element>
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" /> ]
参数 :
prev
:
Selector
任何有效的选择器
next
:
Selector(可选)
任何有效的选择器 ,用来匹配紧接着 prev 的下一个元素
返回值
:
Array<Element>
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" /> ]
参数 :
next
:
Selector
任何有效的选择器
prev
:
Selector(可选)
任何有效的选择器 ,用来匹配紧接着 next 的上一个元素
返回值
:
Array<Element>
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" /> ]
参数 :
prev
:
Selector
任何有效的选择器
siblings
:
Selector(可选)
任何有效的选择器 ,用来匹配与 prev 同级的所有元素
返回值
:
Array<Element>
事件:
$.选择器.简单
属性:
方法:
: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> ]
参数 :
返回值
:
Array<Element>
: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> ]
参数 :
返回值
:
Array<Element>
:not
(
Object
selector
) :
Array<Element>
匹配找到的最后一个元素
示例:
查找所有未选中的 input 元素
HTML 代码:
<input name="apple" />
<input name="flower" checked="checked" />
fly 代码:
$("input:not(:checked)")
结果:
[ <input name="apple" /> ]
参数 :
selector
:
Object
Selector 用于筛选的选择器
返回值
:
Array<Element>
: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> ]
参数 :
返回值
:
Array<Element>
: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> ]
参数 :
返回值
:
Array<Element>
: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 开始计数
返回值
:
Array<Element>
: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 开始计数
返回值
:
Array<Element>
: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 开始计数
返回值
:
Array<Element>
: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> ]
参数 :
返回值
:
Array<Element>
事件:
$.选择器.内容
属性:
方法:
: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> ]
参数 :
text
:
String
一个用以查找的字符串
返回值
:
Array<Element>
: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> ]
参数 :
selector
:
Object
Selector 一个用于筛选的选择器
返回值
:
Array<Element>
:parent
( ) :
void
不支持该选择器,使用 “<” 选择器 代替
参数 :
返回值
:
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> ]
参数 :
返回值
:
Array<Element>
: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> ]
参数 :
返回值
:
Array<Element>
: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> ]
参数 :
返回值
:
Array<Element>
: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> ]
参数 :
返回值
:
Array<Element>
事件:
$.选择器.属性
属性:
方法:
[attribute]
(
String
attribute
) :
Array<Element>
匹配包含给定属性的元素。
示例:
查找所有含有 id 属性的 div 元素
HTML 代码:
<div>
<p>Hello!</p>
</div>
<div id="test2"></div>
fly 代码:
$("div[id]")
结果:
[ <div id="test2"></div> ]
参数 :
attribute
:
String
属性名
返回值
:
Array<Element>
[=]
(
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" /> ]
参数 :
attribute
:
String
属性名
value
:
Object
属性值
返回值
:
Array<Element>
[!=]
(
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" /> ]
参数 :
attribute
:
String
属性名
value
:
Object
属性值
返回值
:
Array<Element>
[^=]
(
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" /> ]
参数 :
attribute
:
String
属性名
value
:
Object
属性值
返回值
:
Array<Element>
[$=]
(
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" /> ]
参数 :
attribute
:
String
属性名
value
:
Object
属性值
返回值
:
Array<Element>
[*=]
(
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
参数 :
attribute
:
String
属性名
value
:
Object
属性值
返回值
:
Array<Element>
[>]
(
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 /> ]
参数 :
attribute
:
String
属性名
value
:
Object
属性值
返回值
:
Array<Element>
[<]
(
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 /> ]
参数 :
attribute
:
String
属性名
value
:
Object
属性值
返回值
:
Array<Element>
[>=]
(
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 /> ]
参数 :
attribute
:
String
属性名
value
:
Object
属性值
返回值
:
Array<Element>
[<=]
(
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 /> ]
参数 :
attribute
:
String
属性名
value
:
Object
属性值
返回值
:
Array<Element>
[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 /> ]
参数 :
lambda
:
String
lambda表达式
返回值
:
Array<Element>
事件:
$.选择器.子元素
属性:
方法:
>:
( ) :
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> ]
参数 :
返回值
:
Array<Element>
事件:
$.选择器.表单
属性:
方法:
: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" /> ]
参数 :
返回值
:
Array<Element>
$name
(
String
name
) :
Array<Element>
根据给定的name匹配元素。
示例:
查找 name 为"input1"的元素。
HTML 代码:
<input name="input0" />
<input name="input1" />
fly 代码:
$("$input1");
结果:
[ <input name="input1" /> ]
参数 :
name
:
String
指向Dom元素的name
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
事件:
$.选择器.表单对象属性
属性:
方法:
:enabled
( ) :
Array<Element>
匹配所有可用元素
示例:
查找所有可用的input元素
HTML 代码:
<form>
<input name="email" disabled="disabled" />
<input name="id" />
</form>
fly 代码:
$("input:enabled")
结果:
[ <input name="id" /> ]
参数 :
返回值
:
Array<Element>
:disabled
( ) :
Array<Element>
匹配所有不可用元素
示例:
查找所有不可用的input元素
HTML 代码:
<form>
<input name="email" disabled="disabled" />
<input name="id" />
</form>
fly 代码:
$("input:disabled")
结果:
[ <input name="email" disabled="disabled" /> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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" /> ]
参数 :
返回值
:
Array<Element>
: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> ]
参数 :
返回值
:
Array<Element>
: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> ]
参数 :
返回值
:
Array<Element>
事件:
$.选择器.技巧
属性:
>
:
用“>”选择子元素时,可以用如下语法实现跨级匹配
示例:
匹配表单中所有的子级input元素。
HTML 代码:
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
<div>
<input name="test" />
</div>
</fieldset>
</form>
<input name="none" />
fly 代码:
$("form > input") 或 $("form >1 input") 结果:[ <input name="name" /> ]
$("form >> input") 或 $("form >2 input")结果:<input name="newsletter" />
$("form >>> input") 或 $("form >3 input")结果:<input name="test" />
<
:
用“<”选择父元素时,可以用如下语法实现跨级匹配
示例:
匹配test元素父级元素。
HTML 代码:
<div>
<label>Name:</label>
<input name="name" />
<div>
<label>Newsletter:</label>
<input name="newsletter" />
<div>
<input id="test" />
</div>
</div>
</div>
<input name="none" />
fly 代码:
$("#test < div") 或 $("test <1 div")
结果:
<div>
<input id="test" />
</div>
$("#test << div") 或 $("test <2 div")
结果:
<div>
<label>Newsletter:</label>
<input name="newsletter" />
<div>
<input id="test" />
</div>
</div>
$("#test <<< div") 或 $("test <3 div")
结果:
<div>
<label>Name:</label>
<input name="name" />
<div>
<label>Newsletter:</label>
<input name="newsletter" />
<div>
<input id="test" />
</div>
</div>
</div>
+
:
用“+”选择下一个元素时,可以用如下语法实现跨越匹配
示例:
匹配box1下一个元素。
HTML 代码:
<form>
<input id="box1" />
<input id="box2" />
<input id="box3" />
<input id="box4" />
<input id="box5" />
<input id="box6" />
<input id="box7" />
</form>
<input name="none" />
fly 代码:
$("#box1 +") 或 $("#box1 +1 ") 结果:[ <input id="box2" /> ]
$("#box1 ++") 或 $("#box1 +2 ") 结果:[ <input id="box3" /> ]
$("#box1 +++++") 或 $("#box1 +5 ") 结果:[ <input id="box6" /> ]
-
:
用“-”选择下一个元素时,可以用如下语法实现跨越匹配
示例:
匹配box1上一个元素。
HTML 代码:
<form>
<input id="box1" />
<input id="box2" />
<input id="box3" />
<input id="box4" />
<input id="box5" />
<input id="box6" />
<input id="box7" />
</form>
<input name="none" />
fly 代码:
$("#box7 -") 或 $("#box7 -1 ") 结果:[ <input id="box6" /> ]
$("#box7 --") 或 $("#box7 -2 ") 结果:[ <input id="box5" /> ]
$("#box7 -----") 或 $("#box7 -5 ") 结果:[ <input id="box2" /> ]
方法:
事件: