jQuery
是什么
jQuery
是一个 JavaScript
函数库。jQuery
是一个轻量级的 “写的少,做的多” 的 JavaScript
库。jQuery
库主要包含以下功能:
HTML
元素的操作CSS
的操作HTML
事件函数JavaScript
特效和动画HTML DOM
元素的操作AJAX
请求Jquery
还提供了大量的插件
jQuery
基础语法
具体可以参考 jQuery API
中文文档:https://jquery.cuishifeng.cn/
引入 jQuery
<script type="text/javascript" src="/js/jquery/jquery-1.12.4.min.js"></script>
jQuery
文档就绪函数
$(document).ready(function() {
// 开始写 jQuery 代码...
});
简洁写法
$(function() {
// 开始写 jQuery 代码...
});
这是为了防止文档在完全加载(就绪)之前运行 jQuery
代码,即在 DOM
加载完成后才可以对 DOM
进行操作。如果在文档没有完全加载之前就运行函数,操作可能失败
jQuery
选择器
jQuery
选择器允许您对HTML
元素组或单个元素进行操作jQuery
选择器基于元素的id
、类、类型、属性、属性值等查找(或选择)HTML
元素。它基于已经存在的CSS
选择器,除此之外,它还有一些自定义的选择器jQuery
中所有选择器都以美元符号开头:$()
id
选择器
当用户点击按钮后,有 id=“test”
属性的元素将被隐藏
$(document).ready(function() {
$("button").click(function() {
$("#test").hide();
});
});
class
选择器
用户点击按钮后所有带有 class=“test”
属性的元素都隐藏
$(document).ready(function() {
$</