jquery访问dom元素

一 访问方式

1. $("#id")//id访问

2. $("input[name='input1']")//通过name属性访问input类型的控件

3. document.getElementById("id");

4. document.getElementByName("name");

5 document.all("id/name");

 

二 设置 readonly和disable属性

 1.readonly
  　　$('input').attr("readonly","readonly")//将input元素设置为readonly
  　　$('input').removeAttr("readonly");//去除input元素的readonly属性
  
 　　 if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性

 

 　　 对于为元素设置readonly属性和取消readonly属性的方法还有：
  　　$('input').attr("readonly",true)//将input元素设置为readonly
  　　$('input').attr("readonly",false)//去除input元素的readonly属性

 2.disabled

　　  $('input').attr("disabled","disabled")//将input元素设置为disabled
  　　$('input').removeAttr("disabled");//去除input元素的disabled属性
  
  　　if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

 

　　对于为元素设置disabled属性和取消disabled属性的方法还有：
  　　$('input').attr("disabled",true)//将input元素设置为disabled
  　　$('input').attr("disabled",false)//去除input元素的disabled属性

 

三. 批量设置

var form = document.getElementById("form1");

$(form.elements).attr("disabled","disabled");//设置form下面所有的控件都disable