jQuery






3.20/5 (3投票s)
什么是 jQuery?jQuery 是一个轻量级的 JavaScript 库,它提供了快速且简便的方法来遍历和操作 HTML DOM,处理事件,
什么是 jQuery?
jQuery 是一个轻量级的 JavaScript 库,它提供了快速且简便的方法来遍历和操作 HTML DOM,处理事件、客户端动画等。jQuery 最强大的特性之一是,它支持以高效的方式实现 AJAX 应用程序,这得益于其轻量级的特性。根据 jQuery 官方网站的说法,“jQuery 的设计目的是改变你编写 JavaScript 的方式。”
jQuery 基本示例
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<a href="https://jqueryjs.cn/">jQuery</a>
</body>
</html>
什么是美元符号 ($)?
在 jQuery 中,最强大的字符/符号是美元符号。`$()` 函数通常会返回一组对象,然后执行一系列操作。例如
查看源代码打印?
1.$("div.test").add("p.quote").html("a little test").fadeOut();
把它想象成一个包含标点符号的长的句子。实际上,它是一系列指示浏览器执行以下操作的指令
1. 获取类名为 test 的 div;
2. 插入一个类名为 quote 的段落;
3. 向段落添加一些文本;
4. 使用一个名为 fadeout 的预定义方法操作 DIV。
Document.Ready()
jQuery 中最常用的命令是 Document.Ready()。它确保代码仅在页面完全加载后执行。我们通常将代码块放置在这个 Document.Ready() 事件中。例如
$(document).ready(function(){
$("#buttonTest").click(function(event){
alert("我准备好了!");
});
});
更多示例以供理解
jQuery 有一个简单的语句,用于检查文档并等待其准备好进行操作,这被称为 ready 事件
$(document).ready(function(){
// 你的代码在这里
});
在 ready 事件内部,为链接添加一个点击处理程序
$(document).ready(function(){
$("a").click(function(event){
alert("感谢您的访问!");
});
});
保存你的 HTML 文件并在浏览器中重新加载测试页面。点击页面上的链接应该会弹出一个浏览器的警报,然后再离开并转到主 jQuery 页面。
对于点击和大多数其他事件,你可以通过在事件处理程序中调用 event.preventDefault() 来防止默认行为——这里是跟随链接到 jquery.com。
$(document).ready(function(){
$("a").click(function(event){
alert("正如你所见,链接不再带你到 jquery.com");
event.preventDefault();
});
});
在哪里可以找到更多信息?
首先查看官方网站:http://docs.jquery.com/.