接下來看看事件處理的代碼的第一句:
~~~
.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() 獲取子元素的數目.|
