jquery 取值赋值

jquery捕获---- 获取内容和属性

• text() - 设置或返回所选元素的文本内容
• html() - 设置或返回所选元素的内容（包括 HTML 标记）
• val() - 设置或返回表单字段的值
• attr() - 用于获取属性值

  $("#test").text()
  $("#test").html()
  $("#val_test").val()
  $("a").attr("href")
  

jquery表单取值

• 节点选择器

   :nth-child(n) //是其父元素的第n个类型的子元素 ,基数从1开始:first-child  //是其父元素的第1个的子元素:last-child //是其父元素的最后一个的子元素:only-child//且是其父元素的唯一一个的子元素:empty//没有子元素（包括text节点）的的元素:enabled:disabled//允许或被禁止的用户界面元素:checked//处于选中状态的用户界面元素（例如单选按钮或复选框）:visible//选择所有可见元素:hidden//选择所有隐藏元素(非Hide域,且display值为block或visible,visibility值为visible的元素):eq(n):first:相当于:eq(0):last:最后一个匹配的元素:even//从匹配的元素集中取序数为偶数的元素:odd//从匹配的元素集中取序数为奇数的元素:parent//选择包含子元素（包含text节点）的所有元素:contains('test')//选择所有含有指定文本的元素
  

• 表单

1. 文本框操作
   取值：$("#text_id").attr("value"); $("#text_id").val(); $("input[type='text']").val();
   清除：$("#text_id").attr("value",'');
   赋值：$("#text_id").attr("value",'123′);

2. 单选框操作
   取值：

   $("input[@type=radio][@checked]").val();
   $("input[type='radio']:checked").val();
   $('input:radio:checked').val();
   $("input[name='name_r']:checked").val(); //一组
   $(":radio[checked]").each(function(radio){alert($(this).val());
   

   选中：

   $('input:radio').eq(n).prop('checked', true);
   $('input:radio').eq(n).attr('checked', true);
   $("input:radio[value=val]").prop('checked', true);
   $("input[value=val]").prop('checked', true);
   $("input:radio[value=val]").attr('checked', true);
   $("input[value='1']").attr('checked', true);
   $("#radio_id[value=val]").attr("checked",true);//选中
   $("#radio_id[value=val]").attr("checked","");//取消
   $("#radio_id[value=val]").attr("checked",false);//取消
   $("#radio_id[value=val]").removeAttr("checked");//取消
   

3. 多选框
   取值：

   $("input[type=checkbox][checked]").each(function(){alert($(this).val());//输出
   })
   $('input[name="name_c"]:checked').each(function(){  array.push($(this).val());//添加到数组 
   }); 
   

   选中

   $("#check_id[value=val]").attr("checked",true);//选择
   $("#check_id[value=val]").attr("checked","");//取消选择
   $("#check_id[value=val]").attr("checked",false);//取消选择
   $("#check_id[value=val]").removeattr("checked");//取消选择
   

4. 下拉框
   取值(选中)：

   $("#selector").val();
   $("#select option[selected]").text();
   $("#select option:selected").text();
   $("#select").find("option:selected").text();
   

   赋值/选中

     $("#selector").val("value");$("#selector").find("option:contains('value')").attr("selected",true);
   

   添加

   $('red').appendto($("#select"));
   $("#select").append('red');
   

   清空

   $("#select").empty();
   $("#select").html("");
   

5. 元素可用不可用

   $("#id").attr("disabled",false);//设为可用
   $("#id").attr("disabled",true);//设为不可用
   

6. 表单重置

   $('#form_q')[0].reset();$(function(){$("#reset").click(function(){document.getElementById("form_q").reset();})
   })
   

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！