一,jQuery的介绍:
jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,DOM,处理事件,执行动画和开发AJAX的操作。
二,jQuery的优势:
1:轻量级,核心文件才几十kb,不会影响页面加载速度。
2:跨浏览器兼容,基本兼容了现在主流的浏览器。
3:链式编程,隐式迭代。
4:对事件,样式,动画支持,大大简化了DOM操作。
5:支持插件扩展开发,有着丰富的第三方插件,例如:树形菜单,日期控件,轮插图等。
6:免费,开源。
三,jQuery选择器:
1:标签选择器(E1)
2:通配选择器(*)
3:ID选择器(#sID)
4:类选择器(.className)
5:群组选择器(E1,E2,E3)
6:包含选择器(E1,E2)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style >
*{
margin: 0px;
padding: 0px;
}
#d1{
width: 200px;
height: 200px;
background-color: aqua;
}
#d2{
width: 200px;
height: 200px;
background-color: green;
}
</style>
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var d1=$("#d1");
d1.text("abc");
});
</script>
</head>
<body>
<div id="d1"></div>
<div id="d2"></div>
</body>
</html>