关于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()

原创粉丝点击