- Std
- window
- prototype
- Std.ajax
- Std.dom
- ::extend
- ::on
- ::off
- ::text
- ::get
- ::contains
- ::behaviorScript
- ::loadHTML
- ::document
- ::documentElement
- ::isDocument
- ::inDocument
- ::window
- ::isWindow
- ::query
- ::getElementsByPseudoClasses
- ::getElementsByName
- ::getElementsByClassName
- ::getElementsByTagName
- ::getElementById
- ::getElementsByAttribute
- ::elementIndex
- ::insertHTML
- ::clone
- ::fragment
- ::removeListener
- ::addListener
- ::clear
- ::setStyle
- ::getStyle
- ::united
- unselect
- wordwrap
- wordnowrap
- opacity
- outerWidth
- outerHeight
- zIndex
- cursor
- color
- width
- height
- prevSibling
- minWidth
- minHeight
- id
- name
- submit
- focus
- blur
- hasData
- data
- removeData
- style
- renderTemplate
- getStyle
- setStyle
- css
- attr
- removeAttr
- removeStyle
- on
- off
- emit
- once
- eventAssign
- delegate
- undelegate
- keyboard
- hasFocus
- focussing
- fullScreen
- mouse
- sizeControl
- widget
- animate
- scrollLeft
- scrollTop
- scrollWidth
- scrollHeight
- offsetWidth
- clientWidth
- offsetHeight
- clientHeight
- offsetLeft
- offsetTop
- tagName
- nodeName
- type
- prevSiblings
- sibling
- siblings
- swap
- append
- insert
- insertBefore
- insertAfter
- detach
- remove
- prepend
- prependTo
- appendChild
- appendTo
- clear
- childNodes
- children
- find
- hover
- html
- outerHTML
- insertHTML
- sheetText
- text
- value
- contentEditable
- firstChild
- lastChild
- findSibling
- nextSibling
- nextSiblings
- ui
- clone
- document
- parentNode
- index
- contains
- inDocument
- offsetParent
- parent
- cssText
- backgroundImage
- boxSize
- offset
- position
- pageX
- pageY
- visible
- show
- hide
- size
- hasClass
- className
- addClass
- removeClass
- toggleClass
- is
- method
- ajax
- not
- Std.convert
- Std.cookie
- Std.css
- ::pseudos
- ::active
- ::checked
- ::contains
- ::disabled
- ::empty
- ::enabled
- ::even
- ::first-child
- ::first-of-type
- ::focus
- ::has
- ::html
- ::hidden
- ::index
- ::last-child
- ::last-of-type
- ::not
- ::nth-child
- ::nth-last-child
- ::nth-last-of-type
- ::nth-of-type
- ::odd
- ::only-child
- ::only-of-type
- ::parent
- ::password
- ::read-only
- ::read-write
- ::root
- ::selected
- ::target
- ::text
- ::value
- ::visible
- ::selector
- ::support
- ::keyframes
- append
- clear
- enable
- insert
- length
- remove
- source
- ::pseudos
- Std.events
- Std.func
- Std.is
- Std.queue
- Std.hooker
- Std.holder
- Std.loader
- Std.options
- Std.url
- Std.animation
- Std.parser
- Std.timer
- Std.unite
- Std.plugin
- Std.module
- Std.models
- Std.source
- Std.sourceRepository
- Std.template
- Std.sbs
- Std.ui
- ::modules
- ::widget
- init_boxSize
- init_content
- renderState
- boxSize
- show
- hide
- hasClass
- addClass
- removeClass
- toggleClass
- className
- minWidth
- minHeight
- maxWidth
- maxHeight
- enable
- disable
- visible
- focus
- blur
- valid
- toForeground
- beforeRender
- appendTo
- html
- iframe
- url
- animation
- updateLayout
- layout
- on
- off
- move
- left
- top
- opacity
- renderTo
- size
- width
- height
- render
- destroy
- remove
- removeLayout
- parent
- level
- value
- validator
- invalidText
- fixedLayoutWidth
- fixedLayoutHeight
- ::locker
- ::layout
- ::GridLayout
- ::HBoxLayout
- ::VBoxLayout
- ::HArrayLayout
- ::VArrayLayout
- ::stretch
- ::spacing
- ::sep
- ::widget
- ::rule
- ::status
- ::module
- ::exist
- ::action
- ::build
- ::create
- ::modules
- Std.render
- Std.model
- Std.clone
- Std.count
- Std.create
- Std.each
- Std.extend
- Std.require
- Std.use
- Std.main
- Std.render
- Std.version
用css选择器进行DOM查询
2015-10-15 16:41:36
属性
| 使用频率 | 中高 |
| 所属模块 | Std.css.selector |
| 成员类型 | 静态成员函数 |
描述
Std.css.selector.query方法用于通过指定的css选择器对文档中的DOM元素进行查询.
语法
Object Std.css.selector.query(String selector,Object containerElements=null,Boolean queryAll=true);
参数
| 名称 | 类型 | 描述 |
| selector | String | 需要进行查询的css选择器 |
| containerElements | Object | 指定元素对应的容器,也就是查询containerElements的后代元素,该参数可以是一个DOM元素,或者是包含多个DOM元素的数组.如果不需要这个参数,可以设置为null |
| queryAll | Boolean | 是否查询所有与该选择器相匹配的元素,如果为false,那么查询之后将会返回查询到的第一个元素,否则将会返回包含所有匹配的元素的一个数组. |
返回值
1. 与css选择器匹配的元素.
2. 包含所有与css选择器匹配的元素的数组.
3. 如果没有查找到,那么返回null
相关例子
查找所有div元素
Std.css.selector.query("div");
只查找第一个div元素
Std.css.selector.query("div",null,false);
查找ID为content下面的所有class为.line的元素
Std.css.selector.query(".line","#content");