[Jquery] 操作html 不常用元素方法大全

除http://www.w3school.com.cn/jquery/jquery_selectors.asp上的以外该大全应都有。

第一章 input控件篇

1.操作select 下拉框

1.1 获取select

1.1.1 获取select 选中的 text

$("#selectTest").find("option:selected").text();

1.1.2 select选中的索引

$("#selectTest").get(0).selectedIndex;

1.2 设置select

1.2.1 设置select 选中的索引

$("#selectTest").get(0).selectedIndex = index;//index为索引值

1.2.2 设置select 选中的value

$("#selectTest").attr("value","Normal“);//方法1
$("#selectTest").val("Normal"); //方法2
$("#selectTest").get(0).value = value;//方法3

1.2.3 设置select 选中的text

//方法1

var count = $("#selectTest option").length;

for(var i=0;i<count;i++)
{
 　　if($("#selectTest").get(0).options[i].text == text)
    {
      $("#selectTest").get(0).options[i].selected = true;
      break;
    }
}

//方法2

$("#selectTest option[text='你需要选中的text的值']").attr("selected", true);

　　

1.2.4 设置select option项

$("#selectTest").append("<option value='Value'>Text</option>");  //添加一项Option

$("#selectTest").prepend("<option value='0'>请选择</option>"); //在前面插入一项Option

$("#selectTest option:first").remove(); //删除索引值最前的Option

$("#selectTest option:last").remove(); //删除索引值最后的Option

$("#selectTest option[index='0']").remove();//删除索引值为0的Option

$("#selectTest option[value='0']").remove(); //删除值为0的Option

$("#selectTest option[text='0']").remove(); //删除Text值为0的Option

　　

1.2.5 清空 select

$("#selectTest").empty();

　　

2.操作radio 单选框

3.操作checkbox 复选框