欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery校验数字(jquery与js的区别)

程序员文章站 2023-11-17 22:54:04
1、jquery对象和dom对象互相转换// dom对象var domobj = document.getelementsbytagname("h3")[0]; var $jqueryobj...

1、jquery对象和dom对象互相转换

// dom对象
var domobj = document.getelementsbytagname("h3")[0]; 
var $jqueryobj = $(domobj);  //jquery对象
alert("dom对象:"+domobj.innerhtml);
alert("jquery对象:"+$jqueryobj.html());

/**jquery对象和dom对象的相互转换**/
var $cr = $("#cr");  //jquery对象
var cr = $cr.get(0); //dom对象,获取 $cr[0]
$cr.click(function(){
    if($cr.is(":checked")){ //jquery方式判断
        alert("感谢你的支持!你可以继续操作!");
    }       
    if(cr.checked){ //dom方式判断
        alert("感谢你的支持!你可以继续操作!");
    }
})

判断元素的注意

<script type="text/javascript">
    if(document.getelementbyid("tt")){//需要判断,如果不判断,找不到id为tt会报错
        document.getelementbyid("tt").style.color="red";
    }
    //用jquery,无需判断$('#tt')是否存在
    $('#tt').css("color","red");
</script>

//需要注意的是,$(‘#tt’)获取的永远是对象,即使网页上没有此元素,也不会报错。
//所以判断应该根据获取到元素的长度来判断,代码如下:
<script type="text/javascript">
  if($('#tt').length > 0){
      // do something
  }
  // 或者转换为dom对象来判断
  if($('#tt')[0]){
      // do something
  }
</script>