
jQuery是一款轻量级的JavaScript库,旨在使基于JavaScript的HTML文档遍历,事件处理、动画设计和AJAX更加便捷。jQuery简化了大多数JavaScript代码的编写过程。其语法设计非常简单易懂,可以快速上手,广泛应用于前端开发中。
//示例一:获取页面元素
$(document).ready(function(){
//获取元素
var btn = $('#btn');//id为btn的按钮
var inputs = $('input');//所有的input元素
var firstInput = $('input:first');//第一个input元素
//操作元素
btn.click(function(){
alert('按钮已被点击');
});
firstInput.val('默认值');//给第一个input元素赋值
});
//示例二:动态添加元素
$(document).ready(function(){
//创建元素
var newElement = $('这是一个新的div元素');
//添加元素
$('body').append(newElement);//在body末尾添加新元素
});
//示例三:发送AJAX请求
$(document).ready(function(){
//发送请求
$.ajax({
url:'http://example.com',
type:'GET',
dataType:'json',//期望的数据类型
success:function(result){
console.log(result);
//处理返回数据
$('#result').text(result.message);
},
error:function(jqXHR,status,errorThrown){
console.log(status);
}
});
});