后端入门 (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(){   //请求失败后回调函数

          }
        })
相关推荐
今天只学一颗糖2 分钟前
Linux学习笔记--查询_唤醒方式读取输入数据
笔记·学习
Kay_Liang9 分钟前
数据仓库入门:从超市小票看懂数仓
数据仓库·笔记·数据分析
程序员爱钓鱼12 分钟前
Go语言实战案例——进阶与部署篇:使用Go编写系统服务(如守护进程)
后端·google·go
JaguarJack24 分钟前
PHP 15 个高效开发的小技巧
后端·php
2351626 分钟前
【并发编程】详解volatile
java·开发语言·jvm·分布式·后端·并发编程·原理
IT_陈寒1 小时前
JavaScript性能优化:3个被低估的V8引擎技巧让你的代码提速50%
前端·人工智能·后端
洛小豆1 小时前
java 中 char 类型变量能不能储存一个中文的汉字,为什么?
java·后端·面试
爱吃烤鸡翅的酸菜鱼1 小时前
从数据库直连到缓存预热:城市列表查询的性能优化全流程
java·数据库·后端·spring·个人开发
风象南1 小时前
SpringBoot 实现自动数据变更追踪
后端
千叶寻-2 小时前
正则表达式
前端·javascript·后端·架构·正则表达式·node.js