后端入门 (JQuery基础) 01

引入jQuery资源(https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js

javascript 复制代码
 <script src="jquery.js"></script>   <!-- 引入jQuery资源 -->

绑定事件的方式:

  1. 直接使用事件函数
javascript 复制代码
   $("p").click(function(){
            $("p").hide();
         });
  1. 用on函数绑定事件 on(事件类型,事件函数)

事件类型以参数的形式传递

可以同时绑定多个事件 用空格隔开

只支持Javascript原生的方法 -- hover (这种jQuery独有的,则只能用事件绑定函数)

javascript 复制代码
var aa="dblclick"
        $("div").on(aa,function(){
          alert(1)
        })

3.用on函数给未来函数绑定事件

javascript 复制代码
 $("body").on("click","h1",function(){  
//把事件位置填写所设置事件的父级或祖先元素(且是html中自带的元素,
//那么body更加符合,并且一定是祖先元素+html自带的元素)
          alert(1)  
        })

        $("input").click(function(){
          $("div").after("<h1>新添加的元素</h1>")
        })
  1. dom 和 jdom

JavaScript中找到的是---->dom

jquery中找到的是------>jdom

dom <---> jdom

dom--->jdom : $(dom)

jdom--->dom :jdom[0] 【随便一个数字,都可以将jdom转换为dom】

  1. Ajax (服务器交换数据的技术)--> 数据交互
javascript 复制代码
 $.ajax({     //不需要寻找具体元素,是由系统发出的
          url:"json/eg15.json",    //请求路径
          type:"get",   //请求方式 get post
          data:{},   //参数域
          success:function(value){ //请求成功后回调函数
            console.log(value)
            console.log(value.sites)
          },
          error:function(){   //请求失败后回调函数

          }
        })
相关推荐
im_AMBER18 分钟前
Leetcode 38
笔记·学习·算法·leetcode
向上的车轮25 分钟前
无需云服务的家庭相册:OpenHarmony 上的 Rust 实践
开发语言·后端·rust
koo3641 小时前
李宏毅机器学习笔记32
人工智能·笔记·机器学习
程序猿小蒜3 小时前
基于springboot的车辆管理系统设计与实现
java·数据库·spring boot·后端·spring·oracle
90后的晨仔3 小时前
Java后端开发:从零构建企业级应用的完整架构与技术栈详解
后端
我命由我123454 小时前
Spring Cloud - Spring Cloud 声明式接口调用(Fiegn 声明式接口调用概述、Fiegn 使用)
java·后端·spring·spring cloud·微服务·架构·java-ee
canonical_entropy4 小时前
领域驱动设计(DDD)中聚合根的最主要职责真的是维护一致性吗?
后端·架构·领域驱动设计
AntBlack4 小时前
不当韭菜 : 好像真有点效果 ,想藏起来自己用了
前端·后端·python
橙子家5 小时前
Serilog 日志库的简介
后端
间彧5 小时前
Java线程池深度实战:不同场景下的最优选择与性能优化
后端