jQuery的介绍及用法

---

扩展：hiede（）：隐藏 show（）：显示

1、简介：是一个对javascript进行了封装的库，简化了用户使用javaScript，是js库

2、特点：写的少、做的多

3、使用方法：

（1）在页面中引入jQuery库：引入外部的js文件

（2）‘$’:jQuery的全局对象，代表jQuery

（3）$(function(){})：jQuery的入口函数。原始写法：

$(document).ready(function(){})==window.onload

简写为：$(function(){})

二、jQuery的选择器：是jQuery的核心

1、基本选择器：

（1）id选择器：$('#id')

（2）类选择器：$('.class')

（3）标签名选择器：$('标签名')

（4）通配符（*）选择器：$(' * ')

（5）合并选择器：$('#id,.class,.....')

情调：css（）函数的作用：是jQuery用于设置元素CSS样式的函数

a、css('样式属性名'，'属性值')：设置单个样式

b、css({属性名1：‘属性值1’，属性名：‘属性值2’······})

eq（index）函数：匹配一个给的索引值的元素。页面中元素的索引值从0开始

列如：

<pid="one">八百里秦川</p>

<script>

$(function() {

$('#one').css('background', 'red')

$('#one').css({

color: 'red',

background: 'green'

})

})

</script>

2、过滤选择器：通过特定的过滤规则来筛选出所需的DOM元素。所有的过滤选择器都有“ ： ”开头

2.1、基本过滤选择器

（1）：first······选择第一个元素

（2）：last······选择最后一个元素

（3）：not(selector)·····去除所有与给定选择器相匹配的元素

（4）：even·····匹配索引值为偶数的元素，从0开始计数

（5）：odd····匹配索引值为奇数的元素，从0开始计数

（6）：eq(index)·····匹配给的索引值的函数

（7）：gt(index)·····匹配大于给定索引值的元素