jQuery 基础使用与样式

1.jQuery基础介绍

（1）.什么是jQuery

jQuery是一个JavaScript函数库，jQuery是一个轻量级的"写的少，做的多"的JavaScript库，

jQuery代码都是以封装形式保存。

jQuery库包含以下功能：

（1）HTML 元素选取

（2）HTML 元素操作

（3） CSS 操作

（4）HTML 事件函数

（5）JavaScript 特效和动画

（6）HTML DOM 遍历和修改

（7）AJAX

（8） Utilities（除此之外，jQuery还提供了大量的插件）

2．如何使用jQuery

jQuery是一个JavaScript脚本库，不需要特别的安装，只需要我们在页面标签内中，通过

3. jQuery的语法

jQuery语法是通过选取 HTML 元素，并对选取的元素执行某些操作，jQuery语法用起来简洁方便，不需要跟js一样使用太多的语法。

例如：$(“p”).hide();隐藏所有

元素

“$”美元符号定义jQuery

4.jQuery和JavaScript的区别

Js只能通过原始手写方法，jQuery可以通过使用自己库里已有的方法。

Js和jQuery不能使用对方的方法和属性（转换后可使用）

5.转换对方方法和属性

1.DOM对象转换为jQuery对象

var box =
document.getElementById(“box”);DOM对象

$(box);jQuery对象

2.jQuery对象转换为一个DOM对象

var
$divs=$(“div”);jQuery对象  divs中包含所有的$divs元素

var div=$divs[0];div为DOM对象

使用jQuery中的get()方法进行转换，只需要提供一个索引就可以了

var div=$divs.get(0);将$divs对象中索引为0的元素转换为DOM对象

6.jQuery基本选择器

1.  # id选择器$(“#”)

2. 
class 类选择器 var header = $(“header”)

3.  * 通配符，可选择所有页面元素

4. 
header  div （层级选择器）{}

5. element元素选择器  $(“标签名称”) 根据html标签选择所有元素。

5.

子选择器 $(header > index)  header为子元素，
“+”相邻兄弟选择器，匹配所有紧接header元素后的index元素，“~”一般兄弟元素，匹配header后的index元素。