jquary学习（一）jquary简介

目录

• 为什么学习jQuery
• 什么是jQuery
• $的作用
• • 作用1：
  • 作用2：$(selector)
  • 作用3：
  • 作用4：
• 从JavaScript过渡到jQuery 的步骤

为什么学习jQuery

A、JS使用的时候代码比较的臃肿 B、JS获得元素对象的方式比较的单一 C、JS书写的代码浏览器的兼容性比较差 D、JS实现动画的效果比较的麻烦

什么是jQuery

javascriptQuery(js库) 目前最流行的JavaScript函数库，对JavaScript进行了封装。

并不是一门新语言。将常用的、复杂的操作进行函数化封装，直接调用，大大降低了使用JavaScript的难度，改变了使用JavaScript的习惯。

jQuery能做的JavaScript也都能做，但使用jQuery能大幅提高开发效率

$的作用

作用1：

$(function) 就 是 j Q u e r y 的 省 略 写 法 1. 相 当 于 w i n d o w . o n l o a d = f u n c t i o n ( ) 2. 功 能 比 w i n d o w . o n l o a d 更 强 大 1 ) w i n d o w o n l o a d 一 个 页 面 只 能 写 一 个 , 但 是 可 以 写 多 个 就是jQuery的省略写法 1.相当于 window.οnlοad=function(){} 2.功能比window.onload更强大 1) window onload一个页面只能写一个,但是可以写多个 就是jQuery的省略写法1.相当于window.onload=function()2.功能比window.onload更强大1)windowonload一个页面只能写一个,但是可以写多个() 而不冲突 2) window onload要等整个页面加载完后再执行（包括图片、超链接、音视频等）， 但是 的 执 行 时 间 要 早 3. 完 整 形 式 是 的执行时间要早 3.完整形式是 的执行时间要早3.完整形式是(document).ready(…….);

作用2：$(selector)

    选择器
    jQuery具有强大的选择器功能

作用3：

     JS的对象转换成JQ对象
 //js方式获得对象
	 var inp2=document.getElementById("but");
			 
	 var inp3=$(inp2);

作用4：

   创建节点对象
 var  p=$("<p>List Item5</p>");

其他作用后续用到再总结

从JavaScript过渡到jQuery 的步骤

JavaScript代码里面是这样获取标签的

在这里插入图片描述

jquary对这个进行了封装

在这里插入图片描述

只要引入这个jquary的js，直接只用这个方法，就可以获取对应的标签。

总之，jquary的js里面就是这样的，我们只要使用的时候，直接引入这个jquary就可以了

在这里插入图片描述