JQuery库：（一）简介

来源：互联网发布：centos 教程编辑：程序博客网时间：2024/06/09 21:59

jQuery是一个JavaScript库。

jQuery极大的简化了Javascript编程。

jQuery：JavaScript和查询（Query），是辅助JavaScript开发的库。

jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，

也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。

jQuery 库可以通过一行简单的标记被添加到网页中。

jQuery 库包含以下特性：

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

使用时，首先要在页面<head></head>中引用jquery.

<span style="font-family:Microsoft YaHei;"><head> <script type="text/javascript" src="jquery.js"></script> </head></span>

所有 jQuery 函数位于一个 document ready 函数中，目的是为了防止在完全加载完之前运行jQuery代码。

<span style="font-family:Microsoft YaHei;"><head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> <strong><span style="color:#ff0000;">$(document).ready(</span></strong>function(){ $("button").click(function(){ $("p").hide(); }); }<strong><span style="color:#ff0000;">); </span></strong></script> </head></span>

通过jQuery，可以选取HTML元素，并对其进行操作。

语法是：$(selector).action()

例如：

$(this).hide()
jQuery hide() 函数，隐藏当前的 HTML 元素。

$("#test").hide()
jQuery hide() 函数，隐藏 id="test" 的元素。

$("p").hide()
jQuery hide() 函数，隐藏所有 <p> 元素。

$(".test").hide()
jQuery hide() 函数，隐藏所有 class="test" 的元素。

0 0