JQuery的基本用法(input,checkbox,select,textarea)

1.jQuery给span\div\lable取值:$("#id").html();
2.jQuery给input取值:$("#id").val();
3.jQuery给textarea取值:$("#id").val();
4.jQuery给radio取值(非主创):
今天写Js的时候发现利用jquery取不到radio的当前值,上网Google下,发现网上的解决方案都是依托于1.2版本的,jquery的1.3版本已经去掉的属性选择器@符号。
(1.2)以前的版本对于radio取当前值的方式:
   $("input[@type=radio][@checked]")
     把@去掉发现能得到object,但是取到的当前值不对,永远都是开始设置radio的那个默认值。
  $("input[type=radio][checked]")  这种方式也是取不到当前值的
(1.3-->1.4)经过乱七八糟的实验,最终发现了正确写法
$("input:radio[type='radio'][checked]")

$("input[accesskey='shippingFee']:checked");
  赋值:var sex  = json.sex;//异步返回的信息
            $("input:radio").each(function(i){//遍历对象
           if(this.value== sex){
                $(this).attr("checked","true");
            }
5.jQuery给iframe的src赋值:$("id").src+="&uid ="+ uid;
6.jQuery给下拉菜单取值:$("#id").val();
 
控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框
 文本域textarea$("#form").find("textarea").attr("disabled", "disabled");//查找页面中所有的textarea控件,并设置为只读。
取值它法:

$("p"): 选取文档中的所有段落(以标签取)
$("#ssl"):选取id为ssl的所有标签(以id取)
$(".sslcss")选取文档中带有此类的元素(以类选取)
XPath选择:
 
$("a[@title]")选取带有title属性的超链接元素(以标签+属性选)
$("div[ol]") 选取包含一个ol元素的所有div元素
$('a[@href^="mail"]')

原文地址:https://www.cnblogs.com/wangyuru/p/3044491.html