JQuery

一  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对象