关于jq
来源:互联网 发布:java变量命名规则$ 编辑:程序博客网 时间:2024/06/06 05:22
1、文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
多选框checkbox:
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);//勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中
单选组radio:
$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
获得text,areatext的值*
var textval = $("#text_id").attr("value");
var textval = $("#text_id").val();
获取单选按钮的值
var valradio = $("input[type=radio][checked]").val();
获取一组名为(items)的radio被选中项的值
var item = $('input[name=items][checked]').val();
获取复选框的值
var checkboxval = $("#checkbox_id").attr("value");
获取下拉列表的值
var selectval = $('#select_id').val();
获取一组名为(items)的radio被选中项的值
var item = $('input[name=items][checked]').val();//若未被选中 则val() = undefined
获取select被选中项的文本
var item = $("select[name=items] option[selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[name=items]').get(1).checked = true;
重置表单
$("form").each(function(){
.reset();
});
如果选择带有class=”TextBox”的div元素(<divclass=”TextBox”></div>)
$(“div.TextBox")
选择带有myattr属性的元素
$(”div[myattr]”)
元素属性/方法
得到一个元素的高度, $(”#myid”).height()
得到一个元素的位置, $(”#myid”).offset() 返回的是一个offset对象,
如果取元素位置的top, 则$(”#myid”).offset().top,
取left则$(”#myid”).offset().left
得到一个元素的innerHTML, $(”#myid”).html()
得到一个元素的innerText, $(”#myid”).text()
得到一个文本框的值, $(”#myid”).val()
得到一个元素的属性, $(”#myid”).attr(”myattribute”)
一次指定多个属性 $(”#myid”).attr({disabled: “disabled”, width:”20%”, height: “30″})
删除属性$(”#myid”).removeAttr(”disabled”)
应用样式$(”#myid”).addClass(”myclass”)
删除样式$(”#myid”).removeClass(”myclass”)
找和自己同级的下一个元素$(”#myid”).next()
找和自己同级的所有位于自己之下的元素$(”#myid”).nextAll()
找和自己同级的上一个元素$(”#myid”).prev()
找和自己同级的所有位于自己之上的所有元素$(”#myid”).prevAll()
找自己的第一代子元素$(”#myid”).children()
找自己的第一个父元素$(”#myid”).parent()
找自己的所有父元素$(”#myid”).parents()
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
多选框checkbox:
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);//勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中
单选组radio:
$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
获得text,areatext的值*
var textval = $("#text_id").attr("value");
var textval = $("#text_id").val();
获取单选按钮的值
var valradio = $("input[type=radio][checked]").val();
获取一组名为(items)的radio被选中项的值
var item = $('input[name=items][checked]').val();
获取复选框的值
var checkboxval = $("#checkbox_id").attr("value");
获取下拉列表的值
var selectval = $('#select_id').val();
获取一组名为(items)的radio被选中项的值
var item = $('input[name=items][checked]').val();//若未被选中 则val() = undefined
获取select被选中项的文本
var item = $("select[name=items] option[selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[name=items]').get(1).checked = true;
重置表单
$("form").each(function(){
.reset();
});
如果选择带有class=”TextBox”的div元素(<divclass=”TextBox”></div>)
$(“div.TextBox")
选择带有myattr属性的元素
$(”div[myattr]”)
元素属性/方法
得到一个元素的高度, $(”#myid”).height()
得到一个元素的位置, $(”#myid”).offset() 返回的是一个offset对象,
如果取元素位置的top, 则$(”#myid”).offset().top,
取left则$(”#myid”).offset().left
得到一个元素的innerHTML, $(”#myid”).html()
得到一个元素的innerText, $(”#myid”).text()
得到一个文本框的值, $(”#myid”).val()
得到一个元素的属性, $(”#myid”).attr(”myattribute”)
一次指定多个属性 $(”#myid”).attr({disabled: “disabled”, width:”20%”, height: “30″})
删除属性$(”#myid”).removeAttr(”disabled”)
应用样式$(”#myid”).addClass(”myclass”)
删除样式$(”#myid”).removeClass(”myclass”)
找和自己同级的下一个元素$(”#myid”).next()
找和自己同级的所有位于自己之下的元素$(”#myid”).nextAll()
找和自己同级的上一个元素$(”#myid”).prev()
找和自己同级的所有位于自己之上的所有元素$(”#myid”).prevAll()
找自己的第一代子元素$(”#myid”).children()
找自己的第一个父元素$(”#myid”).parent()
找自己的所有父元素$(”#myid”).parents()
阅读全文
0 0
- 关于jq
- 关于JQ选中元素
- 关于JQ的AJAX
- 关于JQ的学习小结
- 关于js、jq零碎知识点
- jQ
- jQ
- jq
- jq
- JQ
- jq
- jQ
- jQ
- jq
- jq
- jq
- JQ
- 关于JQ中的trigger和triggerHandler
- IDEA中 @override报错的解决方法
- document.layers 与 document.all 的区别
- 用什么方法可以在业务批量操作的时候保持原子性?例如删除多条文章,但是在中 间有一条被删除了,假设出现了错误,如何让整个操作回滚,并定位错误信息?
- display:none 和 visilibity:hidden的区别
- Android输入事件从读取到分发三:InputDispatcherThread线程分发事件的过程
- 关于jq
- JConsole监控远程WebLogic和Tomcat
- android中matrix使用说明
- 活动被收回,数据怎么恢复?
- JDK中ExecutorService源码解读
- APT注释工具
- 手游加密公司几维安全携手TestBird,告诉你一场有关烧烤趴的故事!
- struts2开发步骤
- 第二届全国智能制造(中国制造2025)创新创业大赛 生物医药专项赛在京启动