jquary学习（一）jquary简介-优快云博客

本文概述了为何学习jQuery，包括其简化繁琐代码、统一元素获取方式和增强浏览器兼容性的优势。重点讲解了$符号的作用，如简化DOM操作和窗口加载事件，以及如何通过$(selector)选择器快速定位元素。此外，还介绍了从纯JS过渡到jQuery的实用步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么学习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 一个页面只能写一个, 但是可以写多个$ () 而不冲突
2) window onload要等整个页面加载完后再执行（包括图片、超链接、音视频等），
但是 $的执行时间要早 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就可以了

在这里插入图片描述