JQuery详解-CSDN博客

本文链接：https://blog.csdn.net/qq_45162683/article/details/114553525

JQuery

JQuery 简介

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 [1]

JQuery库，里面存在大量的JavaScript 函数

如果想获取JQuery，可以到 JQuery 官网去下载

JQuery CDN简介

CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。

jQuery插件库为您提供百度、微软等提供的CDN节点地址，这些CDN公共库为您的应用程序提供稳定、可靠、高速的服务，包含全球所有最流行的开源JavaScript库。

如果不想下载JQuery文件，可以选择直接找 JQuery 的cdn 的链接直接引入。

JQuery 公式

$(selector).action()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    //通过 CDN 外部调用 JQuery
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>


</head>
<body>

  <a href="" id="test_jquery">点我</a>


<script>
    //选择器就是css选择器
    $('#test_jquery').click(function (){
        alert('hello world')
    })

</script>


</body>
</html>

JS原生和 JQuery 对比：

<script>
     //原生js 选择器少，麻烦不好记
     
     //标签
     document.getElementByTagName();
     //id
     document.getElementById();
     //类
     document.getElementsByclassName();
     
     //JQuery css 中选择器它全部都能用
     //标签选择器
     $('p').click();
     //id选择器
     $('#id').click();
     //class选择器
     $(.class).click();
</script>