JS和Jquery对元素操作的差异

1. 设置按钮失效的方法：

HTML： <input type="button" id="btn"  value="submit" />

JS： document.getElementByIdx("btn").disabled=true;

Jquey：$("#btn").attr("disabled",true)

2. 设置按钮可用的方法：

JS： document.getElementByIdx("btn").disabled=false;

Jquey：$("#btn").attr("disabled",false)

3. Jquey移除元素属性：

HTML： <input type="checkbox" id="ckb"  value="submit" />

Jquey添加disabled属性：$("#ckb").attr("disabled",true)

Jquey移除disabled属性：$("#ckb").removeAttr("disabled");

3. Jquey获取Select下拉列表元素值；

<select id="sel" >

<option value="5" selected="selected">Monday</option>

<option value="10" >Sunday</option>

</select>

获取选中的option值：$("#sel").val();

获取选中的Text值：$("#sel").text();

4. Jquey对Combobox的操作

• Jquery easyUI的combobox可用与否设置

不能通过 $('#ID').attr("disabled", true); 来设置combobox是否可用。

需要通过下面的方式：

$('#ID').combobox('enable');

$('#ID').combobox('disable');

• Jquey获取combobox元素值

获取选中元素的value值： $("#ID"). combobox("getValue");

获取选中元素的Text值： $("#ID").combobox("getText");