一 jQuery是什么: js 封装好的一个库, 格言: write less, do more 方便调用, 提高开发效率
为啥使用jQuery: . Window.onload事件有事件覆盖的问题, 写两次会被覆盖
代码容错性差
浏览器兼容性问题
书写繁琐, 代码量多
代码很乱, 各个页面到处都是
动画效果很难实现,
(以上是对JS的问题描述)
二 jQuery 特点: 1 链式编程 , 比例.show() , .html() 可以连>>>.show().html()
2 隐式迭代: 在方法的内部进行循环遍历对象, 不用我们自己进行循环,简化我们的操作, 方便调用
三 使用: ( 引包, 入口函数, 功能实现代码(事件处理))
引入: <script type="text/javascript" src="jquery-3.3.1.js(文件位置) "></script>
入口函数: <script type=javascript>
$(document).ready(function() {
事件处理 $("#iD").click (function() {
} )
})
</script>
$("属性选择") >>>返回jQuery对象
四: 版本, 1.x 2.x 3.x
压缩版(推荐生产环境使用, 可读性差, 一行代码)
未压缩版(开发使用, 可读性好)
五 入口函数 ( $ 等同于 Jquery )
js: window.onload = function(){} >>>> jQuery: $("属性选择").ready( function () { } )
jS: window.onload= function(){
alert(1)
}
JQ一 $(document).ready (
function() {
alert(1) }
)
jQ二 $(function() { (图片不加载时可以执行)
alert(1)
})
JQ 三 $(window).ready( 文档加载完 图片加载完, 再执行这个
function() {
alert(1) }
)
js 与jQ 入口函数的区别:
1 书写: js 的入口函数只能出现一次, 出现多次会存在事件覆盖问题
jQ 的入口函数可以出现任意次,不存在事件覆盖问题
2 执行时机: js的入口函数在所有文档资源加载完成后才执行, 包括文档, 外部jS, CSS ,图片 ....等
jquery 的入口函数在文档加载完成后就执行, DOM树加载完成后, 就可以操作DOM 不用等外部资源加载
六: jQuery 对象: 数组 : 属性两个: length + 索引 其他的都是方法
jQuery对象转换成DOM对象
jquery[inderx]>>>DOM对象
jquery.get(index) >> >DOM对象
反之 : $(js对象) 获得Jquery对象