首页 > Web开发 > 详细

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

时间:2015-12-17 12:48:24      阅读:317      评论:0      收藏:0      [点我收藏+]

除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 复选框

 

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

原文:http://www.cnblogs.com/shengwei/p/5053601.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!