JQuery:

什么是JQuery：

JQuery实际上就是对现有的JavaScript的一种扩展，它非常轻量级，压缩后大概32KB，它兼容于各种浏览器，这样就可以非常方便地添加适用于多种浏览器的特效。12 它是一个轻量级的"写的少，做的多"的JavaScript库3

helloworld示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!--src="../script/jquery-1.7.2.js"是JQuery的路径-->
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">
   //alert($)
   //这里的$是一个函数：function( selector, context ) {
   //The jQuery object is actually just the init constructor 'enhanced'
   //return new jQuery.fn.init( selector, context, rootjQuery );
   //}
   //使用$()代替window.onload
   $(function(){
      //使用选择器获取按钮对象，随后绑定单击响应函数
      $("#btnId").click(function(){
         //弹出Hello
         alert('Hello');
      });
   });
</script>
</head>
<body>
   <button id="btnId">SayHello</button>
</body>
</html>

$ :

1jQuery函数.jQuery中$()函数的7种用法汇总_jq $()_塞北狼烟的博客-CSDN博客

在jQuery中，$是jQuery函数的别称。1它用于将任何DOM对象包裹成jQuery对象，接着你就被允许调用定义在jQuery对象上的多个不同方法。1你可以将一个选择器字符串传入$函数，它会返回一个包含所有匹配的DOM元素数组的jQuery对象。1例如，$(document)就是选取整个文档对象。2
传入参数为[HTML字符串]的时候，根据这个字符串创建元素节点对象；传入参数为[函数]时，在文档加载完成后执行这个节点对象。
注意：$（dom）当里面的参数是dom的时候，不用加引号。如果加了就会把其解析为选择器。当然如果不是dom对象（选择器，html元素）就加引号。

浏览器对javascript的解析：

浏览器解析HTML，CSS，JavaScript的原理大致如下：

  • 浏览器首先从服务器获取HTML文档，并将其分割成不同的标记（tokens）。
  • 然后，浏览器将这些标记转换成节点（nodes），并构建一个表示文档结构的DOM树（Document Object Model）。
  • 同时，浏览器也会获取CSS文件，并将其分割成不同的规则（rules）。
  • 然后，浏览器将这些规则转换成节点，并构建一个表示样式信息的CSSOM树（CSS Object Model）。
  • 接下来，浏览器将DOM树和CSSOM树结合起来，生成一个渲染树（render tree），这个树包含了每个可见元素的位置和样式。
  • 最后，浏览器根据渲染树绘制（paint）页面，并显示给用户。
  • 浏览器在解析HTML的过程中，如果遇到