jquery表单对象属性选择器

 

   

   

  div,span{

 width: 140px;

 height: 140px;

 margin: 20px;

 background: #9999CC;

 border: #000 1px solid;

float:left;

 font-size: 17px;

 font-family:Roman;

}

div.mini{

 width: 30px;

 height: 30px;

 background: #CC66FF;

 border: #000 1px solid;

 font-size: 12px;

 font-family:Roman;

}

div.visible{

display:none;

}

 

   

 

XXXX

XXXXXXX

XXXXXXXXX

  元素的值"  id="b1">

  元素的值"  =""  id="b2">

 

 

 

 

 

 

 

 

 爱好1

 爱好2

 爱好3

 爱好4

 

 

    选项1^^

 选项2^^

 选项3^^

 选项4^^

 选项5^^

 选项6^^

 

    博士^^

 硕士^^

 本科^^

 小学^^

 //*利用 jQuery 对象的 val() 方法改变表单内 type=text 可用 元素的值

 $('#b1').click(function(){

$("input[type=text]:enabled").val("hello");

 });

// 利用 jQuery 对象的 val() 方法改变表单内 type=text 不可用 元素的值

 $('#b2').click(function(){

$("input[type=text]:disabled").val("hello");

 });

//**利用 jQuery 对象的 length 属性获取多选框选中的个数

 $('#b3').click(function(){

//alert($("input[type=checkbox]:checked").length);

 alert($(":checkbox:checked").length);

 });

 //****利用 jQuery 对象的 text() 方法获取下拉框选中的内容

 $('#b4').click(function(){

//alert($("select option:selected").text());

$arr=$("select option:selected");

//必须 用这个 val()函数把每个值打印;

$.each($arr,function(){

alert($(this).val());

})

 });