简单属性选择符: @attr
描述:
简单属性有两层意思:
1. 选择具有单一属性(或叫逻辑属性)的元素,主要有以下三个属性:
属性名称 用法 说明
checked @checked 选择被选中的单选按钮或复选按钮元素.
selected @selected 选择被选中的下拉菜单选项(option)元素.
disabled @disabled 选择被禁用的表单输入对象元素(包括被禁用的input, textarea, select, button等s)

2. 选择已明确定义某个属性的元素(除单一属性外),而不管这个属性的值是什么. (请参考:示例4)
示例1:
HTML代码:
radio1:<input type="radio" checked / >
radio2:<input type="radio" / >
checkbox1:<input type="checkbox" checked / >
checkbox2:<input type="checkbox" / >
js代码:
var jserObj = JSer("@checked");
上面代码将选择被选中的单选或复选框元素,即:
<input type="radio" checked / >
<input type="checkbox" checked / >
示例2:
HTML代码:
<select name="select" size="5" multiple="multiple">
<option>item0</option>
<option selected>item1</option>
<option>item2</option>
<option selected>item3</option>
<option selected>item4</option>
<option>item5</option>
</select>
js代码:
var jserObj = JSer("@selected");
上面代码将选择被选中的option元素,即:
<option selected>item1</option>
<option selected>item3</option>
<option selected>item4</option>
示例3:
HTML代码:
<input type="button" value="button1" />
<input type="button" disabled value="button2" />
js代码:
var jserObj = JSer("@disabled");
上面代码将选择被禁用的元素,即:
<input type="button" disabled value="button2" />
示例4
HTML代码:
<div align="right">right div</div>
<div align="center">center div</div>
<div>no attrubute align </div>
js代码:
var jserObj = JSer("@align");
上面代码将选择已明确定义align属性的元素即:
<div align="right">right div</div>
<div align="center">center div</div>

请参考:
JSer(content), JSer(selector, rootNode), JSer(selector, selector), 固定属性选择符, 固定属性选择符, 元素属性选择符