接下来看看事件处理的代码的第一句: ~~~ .item { hover-on! : ele = $1( input.url ) , ele:empty == true ? (self.value = "empty") # (self.value = "filled"), ele:hover = true, self::width = ele.box-content-width(), self.$(.icon) -> @(ele) ele::background = "#CCC" ; } ~~~ 这是个赋值语句. $1() 函数根据参数 "input.url" 返回第一个匹配此 css 选择符的元素. 然后将这个元素的引用赋给 ele 变量. 这里要注意, CSSS! 的语句使用逗号 "," 分割, 不是我们习惯的";". 在 CSSS! 中获取元素有如下几个函数可用: |事件|说明| | -- | -- | |$1(.item)|获取匹配 ".item" 的第一个元素| |$(.item)|获取所有匹配 ".item" 的元素.类似AAuto中的wbLayout.queryEles()函数| |ele.$1(.item)|获取ele子元素中匹配".item"的第一个元素| |ele.$(.item)|获取ele子元素中匹配".item"的所有元素,类似AAuto中的ele.queryElements()函数| |ele.$1p(.item)|获取父元素中匹配".item"的最近的一个元素.| |ele.$p(.item)|获取父元素中所有匹配".item"的元素.| |ele.parent()|获取父元素| |ele.next()|获取同级的下一个元素| |ele.previous()|获取同级的上一个元素| |ele.child(3),ele.children()|获取第3个子元素. 参数范围 1 … ele.children().可以通过 ele.children() 获取子元素的数目.|