当前位置: 首页 > news >正文

后端入门 (JQuery基础) 01

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

 <script src="jquery.js"></script>   <!-- 引入jQuery资源 -->

 绑定事件的方式:

1. 直接使用事件函数

   $("p").click(function(){$("p").hide();});

2. 用on函数绑定事件 on(事件类型,事件函数)

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

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

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

var aa="dblclick"$("div").on(aa,function(){alert(1)})

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

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

4. dom 和 jdom

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

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

        dom <---> jdom

        dom--->jdom  :   $(dom)

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

5.  Ajax (服务器交换数据的技术)--> 数据交互

 $.ajax({     //不需要寻找具体元素,是由系统发出的url:"json/eg15.json",    //请求路径type:"get",   //请求方式 get postdata:{},   //参数域success:function(value){ //请求成功后回调函数console.log(value)console.log(value.sites)},error:function(){   //请求失败后回调函数}})

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Python 正则表达式详解:从基础匹配到高级应用
  • AIGC实战——多模态模型Flamingo
  • 手势开关灯
  • 上海泗博EtherNet/IP转PROFIBUS DP网关EPS-320IP成都地铁项目应用案例
  • Router安装以及导入
  • SRT3D: A Sparse Region-Based 3D Object Tracking Approach for the Real World
  • 【Unity学习心得】如何制作俯视角射击游戏
  • 多线程下的共享变量访问数据竞争的问题
  • 告别繁琐粘贴,CleanClip Mac 版,让复制粘贴变得简单快捷!粘贴队列功能太强大了!
  • 骑砍2霸主MOD开发(26)-使用TrfExporterBlender制作TRF文件
  • Vue3.0组合式API:使用reactive()、ref()创建响应式代理对象
  • Java 原生API实现TCP客户端:发送和接收GBK编码消息
  • 【AI赋能医学】基于深度学习和HRV特征的多类别心电图分类
  • 窗口框架frame(HTML前端)
  • 【Vue】- ref获取DOM元素和购物车案例分析
  • AWS实战 - 利用IAM对S3做访问控制
  • Electron入门介绍
  • go append函数以及写入
  • Java 9 被无情抛弃,Java 8 直接升级到 Java 10!!
  • JavaScript 是如何工作的:WebRTC 和对等网络的机制!
  • Javascript设计模式学习之Observer(观察者)模式
  • mysql中InnoDB引擎中页的概念
  • ng6--错误信息小结(持续更新)
  • php中curl和soap方式请求服务超时问题
  • socket.io+express实现聊天室的思考(三)
  • Vue 2.3、2.4 知识点小结
  • 百度贴吧爬虫node+vue baidu_tieba_crawler
  • 高程读书笔记 第六章 面向对象程序设计
  • 爬虫模拟登陆 SegmentFault
  • 区块链共识机制优缺点对比都是什么
  • 探索 JS 中的模块化
  • 我是如何设计 Upload 上传组件的
  • 一起来学SpringBoot | 第十篇:使用Spring Cache集成Redis
  • hi-nginx-1.3.4编译安装
  • 阿里云IoT边缘计算助力企业零改造实现远程运维 ...
  • 整理一些计算机基础知识!
  • 组复制官方翻译九、Group Replication Technical Details
  • ​Linux Ubuntu环境下使用docker构建spark运行环境(超级详细)
  • # include “ “ 和 # include < >两者的区别
  • ### Error querying database. Cause: com.mysql.jdbc.exceptions.jdbc4.CommunicationsException
  • #NOIP 2014#day.2 T1 无限网络发射器选址
  • (17)Hive ——MR任务的map与reduce个数由什么决定?
  • (3) cmake编译多个cpp文件
  • (C语言)求出1,2,5三个数不同个数组合为100的组合个数
  • (定时器/计数器)中断系统(详解与使用)
  • (附源码)ssm基于web技术的医务志愿者管理系统 毕业设计 100910
  • (每日持续更新)jdk api之FileFilter基础、应用、实战
  • (七)Flink Watermark
  • (求助)用傲游上csdn博客时标签栏和网址栏一直显示袁萌 的头像
  • (一)80c52学习之旅-起始篇
  • (转)关于pipe()的详细解析
  • ./和../以及/和~之间的区别
  • .NET Core 成都线下面基会拉开序幕
  • .NET/C#⾯试题汇总系列:⾯向对象
  • .NET序列化 serializable,反序列化