JQury 学习笔记
时间: 2023-12-11 14:32:58 浏览: 25
以下是JQuery学习笔记:
JQuery是一个快速、小巧且功能丰富的JavaScript库。它使得HTML文档遍历、事件处理、动画和Ajax操作更加简单。JQuery的语法设计使得许多常见的任务变得更容易,从而使得JavaScript编写变得更加简单。
JQuery的语法基于CSS选择器,可以轻松地选择HTML元素,并对它们执行操作。JQuery还提供了许多实用的方法,如事件处理、动画和Ajax操作等。
以下是一些JQuery的例子:
1.在HTML页面中引入JQuery库
```html
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
```
2.选择HTML元素并对其执行操作
```javascript
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
```
上述代码将在页面加载完成后,当用户点击按钮时,隐藏所有的段落元素。
3.使用Ajax从服务器获取数据
```javascript
$(document).ready(function(){
$("button").click(function(){
$.ajax({url: "demo_test.txt", success: function(result){
$("#div1").html(result);
}});
});
});
```
上述代码将在页面加载完成后,当用户点击按钮时,从服务器获取demo_test.txt文件的内容,并将其显示在id为div1的元素中。