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

          }
        })
相关推荐
金色天际线-1 小时前
Nginx 优化与防盗链配置指南
java·后端·spring
我爱挣钱我也要早睡!2 小时前
Java 复习笔记
java·开发语言·笔记
汇能感知7 小时前
摄像头模块在运动相机中的特殊应用
经验分享·笔记·科技
阿巴Jun7 小时前
【数学】线性代数知识点总结
笔记·线性代数·矩阵
茯苓gao7 小时前
STM32G4 速度环开环,电流环闭环 IF模式建模
笔记·stm32·单片机·嵌入式硬件·学习
是誰萆微了承諾8 小时前
【golang学习笔记 gin 】1.2 redis 的使用
笔记·学习·golang
CodeCraft Studio8 小时前
国产化Word处理组件Spire.DOC教程:使用 Python 将 Markdown 转换为 HTML 的详细教程
python·html·word·markdown·国产化·spire.doc·文档格式转换
weixin_456904278 小时前
Spring Boot 用户管理系统
java·spring boot·后端
DKPT8 小时前
Java内存区域与内存溢出
java·开发语言·jvm·笔记·学习
aaaweiaaaaaa8 小时前
HTML和CSS学习
前端·css·学习·html