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" 的元素。