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); } }); });