jQuery一

jQuery

基础语法

$(selector).action()

1. 美元符号定义jQuery
2. 选择符（selector）“查询”和“查找”HTML元素
3. jQuery的action()执行对元素的操作

实例：

1. $(this).hide();	隐藏当前元素
2. $("p").hide();    隐藏<p>元素
3. $("p.test").hide();    隐藏所有<class="test">下的<p>元素
4. $("#test").hide();    隐藏<... id="test">的元素

文档就绪时间

所有jQuery函数都在document ready函数中，是为了防止文档在完全加载之前运行jQuery代码，即在DOM加载完成后才可以对DOM进行操作。如果在文档没有完全加载之前就运行函数，操作可能失败。

$(document).ready(function(){
	//执行代码
});

//相同效果
$(function(){
	//执行代码
});

选择器

元素选择器

$(“p”)

//实例	用户点击按钮后，所有 <p> 元素都隐藏： 
$(document).ready(function{
	$("p").click(function{
		$("p").hide();
	});
});

#id选择器

$("#test")

//实例	当用户点击按钮后，有 id="test" 属性的元素将被隐藏：
$(document).ready(function(){
  $("button").click(function(){
    $("#test").hide();
  });
});

.class选择器

$(".class")

//实例	用户点击按钮后所有带有 class="test" 属性的元素都隐藏：

$(document).ready(function(){
  $("button").click(function(){
    $(".test").hide();
  });
});

**jQuery事件**

| 鼠标事件   | 键盘事件 | 表单时间 | 文档/窗口事件 |
| ---------- | -------- | -------- | ------------- |
| click      | keypress | submit   | load          |
| dbclick    | keydown  | change   | resize        |
| mouseenter | keyup    | focus    | scroll        |
| mouseleave |          | blur     | unload        |
| hover      |          |          |               |



常用jQuery事件**方法**

**click()**

click() 方法是当按钮点击事件被触发时会调用一个函数。

```javascript
//实例	当点击事件在某个 <p> 元素上触发时，隐藏当前的 <p> 元素：

$("p").click(function(){
	$(this).hide();
});

dbclick()

dbclick()当双击元素时，会发生dbclick时间。

//实例

$("p").dblclick(function(){
  $(this).hide();
});

mouseenter()

mouseenter()方法触发mouseenter事件，或规定当发生 mouseenter 事件时运行的函数：

//实例

$("#p1").mouseenter(function(){
    alert('您的鼠标移到了 id="p1" 的元素上!');
});

enter事件，或规定当发生 mouseenter 事件时运行的函数：

//实例

$("#p1").mouseenter(function(){
    alert('您的鼠标移到了 id="p1" 的元素上!');
});