0725-jQuery 基础

jQuery 是一个 JavaScript 函数库。

jQuery 库包含以下特性：

• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX
• Utilities

向页面添加 jQuery 库

jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。

可以通过src把 jQuery 添加到网页中：

<head><script type="text/javascript" src="jquery.js"></script></head>

注意，<script> 标签应该位于页面的 <head> 部分,并且标签中不准包含其他内容

文档就绪函数与hide() 函数，隐藏了 HTML 文档中所有的 <p> 元素。

实例：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<!--导入Jquery文件-->

<script src="jquery-3.1.1.min.js"></script>

</head>

<body>

<p>11111111111</p>

<p>12221</p>

</body>

<script>

// /*文档就绪函数*/

// $(document).ready(function () {

// /*隐藏元素*/

// $("p").hide();

// });

/*文档就绪函数*/

$(function () {

$("p").hide();

})

</script>

</html>

选择元素，添加事件:案例：

$(function(){

//选择元素，添加事件（选择img元素）

$("img").mouseover(function(){

// $(this).css('border','3px solid orange');

$(this).addClass('a');

// 删除事件

}).mouseout(function(){

// $(this).css('border','1px solid gray');

$(this).removeClass('a');

});

})