JS和Jquery对元素操作的差异
2014-11-17 18:34
232 查看
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");
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");
相关文章推荐
- jQuery第二课 ——节点选择、元素创建与操作、包装对象、jq转原生js
- 用jquery和用js操作元素方式不一样
- js/jQuery对象互转(快速操作dom元素)
- 【HTML/JS,JQuery】JQuery操作iframe父页面与子页面的元素与方法
- JS/jQuery--iframe框架内外元素的操作
- jquery和js中对DOM元素的操作
- js/jQuery对象互转(快速操作dom元素)
- jQuery 第二课 操作包装集元素代码
- js和jquery对DOM的操作
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- JQuery概述3——操作包装集中的元素
- jQuery中操作元素节点appendTo()与prependTo()的区别
- Jquery操作Select 简单方便 一个js插件搞定
- JQuery之三: 操作元素的properties和attributes
- jQuery学习3:操作元素属性和特性
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 操作select的jquery插件 注意:使用时请保持JS文件的编码和你程序的编码一致...
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- JQuery基础之(五)使用JQuery操作元素的属性和样式
- jQuery框架学习第四天:使用jQuery操作元素的属性与样式