jQuery 基础

 **1. 定义:什么是jQuery?**
 1、jQuery是一个JavaScript函数库。
 2、jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
 3、jQuery库包含以下功能:HTML元素选取、HTML元素操作、CSS操作、HTML事
 件函数、JavaScript特效和HTMLDOM遍历和修改。
 
 **2. js与jQuery的区别**
 
 
**(1)js:**
 1、入口函数只有一个,window.onload
 2、浏览器兼容性:非常令人头疼,比如innerText在火狐浏览器不起作用
 3、DOM错综复杂,实现简单的效果很麻烦
 4、代码容错性差,出错后导致后面的代码不执行
**(2)jQuery:**
 1、市场占有率稳步上升,代码比较少,功能强大
 2、DOM比较强大,事件处理,完全解决了浏览器的兼容性问题
 3、ajax操作(比较好)
 **3. jQuery的优点(写的少,做的多)**

 1、目前网络上有大量开源的JS框架,但是jQuery是目前最流行的JS框架,且提供了大量的扩展。
 2、很多大公司都在使用jQuery,例如:Google、Microsoft、IBM、Netflix。
 3、目前jQuery兼容于所有主流浏览器,包括InternetExplorer6!
 **4. jQuery的安装与引用**
 

 1、从jquery.com 上进行下载,再在html中进行引用,具体操作如下:
 
```html
<head>
<scriptsrc="jquery-1.10.2.min.js"></script>
</head>
```
 
 2、从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
```html
<head> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> 
</head>
```
**5、jQuery入口函数**
1、 jQuery书写入口函数
```html
 jQuery(document).ready(function (){
        console.log("111");
    })
```
2、$(document) 书写入口函数
```javascript
$(document).ready(function (){
        console.log("2222");
    })
```
3、简写(最常用)
```javascript
$(function(){
        console.log("3333");
    })
```

(3) 1.3.3了解jQuery$符号

$是什么

其实$就是一个函数:$();参数不一样,功能不一样

$常用的几种情况:

$(function() {});//参数是function,说明是入口函数

$(#btnSetConent);//参数是字符串,并且以#开头,是一个标签选择,查找id=btnSetContent”的元素

$(div);//查找所有的div元素

$(document).ready(funciton(){})//document转换成jQuery对象

jQuery 基础

上一篇:Fastjson1.2.68 绕Autotype的一点总结


下一篇:html标签初识(一)