前端开发DOM对象和JQuery对象的区别

前端开发和后台开发哪个好学
前端开发与后台接口
web前端开发 后台
  1. DOM对象是用javascript方法获取的DOM元素,配合使用javascript的方法。
    eg: var obj = document.getElementById(“box”); //获取DOM对象
    var objHtml =obj.innerHtml; //使用javascript方法—innerHtml
    jquery对象是用jquery方法包装DOM对象产生的,用jquery方法。
    eg: $(“#box”).html();
  2. jquery对象——>DOM对象:[index] 或者 get[index]
    eg: var $cr = $(“#cr”); //jquery对象
    var cr = $cr[0]; / $cr.get[0]; //DOM对象
    DOM对象——>jquery对象:$(DOM)
    eg: var cr = document.getElementById(“cr”); //DOM对象

对比实例:<input type=”checkbox” id=”cr” /><label for=”cr”>我已经阅读了上面的制度</label> //为什么用label? id和for一样时,label 和checkbox同步拥有click事件
DOM方法:
$(document).ready(function(){
var $cr = $(“#cr”); //jquery对象
var cr = $cr[0]; //转换成DOM对象
$cr.click(function(){
if(cr.checked){ //DOM 判断方法
alert(“感谢您的支持!”)
}
if($(“#cr”).is(“checked”) == true){ //JQuery的is方法判断
alert(“感谢您的支持!”)
}
if($(“#cr”).prop(“checked”) == true){ //JQuery的prop方法判断
alert(“感谢您的支持!”)
}
if($(“input:checked”)){ //JQuerya的:checked方法
alert(“感谢您的支持!”)
}

});

});

前端和后台分离开发
前端开发跟后台开发
前端 后台 开发哪一个好一些
» 本文来自:前端开发者 » 《前端开发DOM对象和JQuery对象的区别》
» 本文链接地址:https://www.rokub.com/8062.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!