1 jQuery是什么?
jQuery是对JavaScript的封装,是一种JavaScript框架
让javascript更好用,更简单
它是免费、开源的JavaScript函数库,
jQuery 极大地简化了 JavaScript 编程
2 jQuery的用法
// 以上省略...
<!-- 导入jquery对应的js文件 -->
<script src="js/jquery-1.12.4.min.js"></script>
<!-- 使用jquery需要重新开一个script标签 -->
<script>
// 原生js写法
window.onload = function(){
// 当前页面的标签和标签使用的资源数据都加载完成, onload事件才会触发
var oDiv = document.getElementById("div1");
alert(oDiv);
};
// $符号就是jquery的象征, 函数和变量名都要以$开头
$(document).ready(function(){
// ready等待页面标签加载完就执行ready
var $div = $("#div1");
alert($div)
});
</script>
</head>
<body>
<div id="div1">哈哈</div>
<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1796762658,4159569164&fm=26&gp=0.jpg" alt="">
</body>
</html>
注:
$(document).ready(function(){}); 等价于 $(function(){});
3 为什么函数和变量名都要以$开头?
比如 var table=$(“#myTable”) 和 var $table=$(“#myTable”)的区别。
其实这里的table和$table 没有区别 都代表一个jquery对象,
只是 var $table是一种习惯,表示我定义的这个对象就是jquery对象,
起到和javascript对象区分开的效果