jquery学习笔记2（W3School学习）

1、jQuery使用

（1）下载jQuery库

从jQuery官网（http://jquery.com/download/）下载，也可以直接引用网络上的，谷歌和微软的服务器上都有jQuery，网址是

http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js

（2）安装

下载jQuery库，然后把它添加到使用的网页中

<span style="font-size:18px;"><script>
    <script src="jquery.js"></script>
</script></span>

2、选择器

（1）元素选择器

$("p")选取<p>元素

$("p.intro")选取所有class = "intro"的<p>元素

$("p#demo")选取所有id = "demo"的<p>元素

（2）属性选择器

$("[href]")选取所有带有href属性的元素

$("[href=‘#’]")选取所有带有href值等于"#"的元素

$("[href!=‘#’]")选取所有带有href值不等于"#"的元素

$("[href$=‘.jpg’]")选取所有href值以".jpg"结尾的元素

（3）CSS选择器

CSS选择器可用于改变HTML元素的CSS属性。

$("p").css("background-color","red");

$(this)，当前HTML元素；$("p")，所有<p>元素；$("ul li:first")，每个<ul>的第一个<li>元素；$("div#intro .head")，id=“intro"的<div>元素中的所有class="head"的元素。

3、jQuery事件

$(document).ready(function)，将函数绑定到文档的就绪事件（当文档完成加载时）；

$(selector).click(function)，触发或将函数绑定到被选元素的点击事件；

$(selector).dblclick(function)，触发或将函数绑定到被选元素的双击事件；

$(selector).focus(function)，触发或将函数绑定到被选元素的获得焦点事件；

$(selector).mouseover(function)，触发或将函数绑定到被选元素的鼠标悬停事件。