JQuery是一个快速、简洁的JavaScript库,即倡导写更少的代码,做更多的事情。
JQuery的优点:1.轻量级,核心文件才几十kb,不会影响页面加载速度。2.跨浏览器兼容,基本兼容了现在主流的浏览器。3.链式编程,隐式迭代。4.对事件、样式、动画支持,大大简化了DOM操作。5.支持插件扩展开发,有着丰富的第三方插件,例如:树形菜单、日期控件、轮播图等。6.免费、开源。
学习JQuery的本质就是学习调用这些函数,其出现的目的是加快前端人员的开发速度,我们可以非常方便的调用和使用它,从而提高开发效率。
<title>JQuery入门</title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
#d1{
width: 200px;
height: 200px;
background-color: aqua;
}
#d2{
width: 200px;
height: 200px;
background-color: aquamarine;
}
</style>
<script src="js/jquery.min.js"></script>
<script type="text/javascript">//JQuery加载文档
$(function(){ //JS获取的是DOM对象
var dom =document.getElementById("d1")
//JQuery获取的是JQuery对象
var jq =$("#d1")
//DOM对象转换成JQ对象
$(dom).text("111")
})
</script>
</head>
<body>
<div id="d1"></div>
<div id="d2"></div>
</body>