当先锋百科网

首页 1 2 3 4 5 6 7

jquery是怎么用的

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