后端入门 (JQuery基础) 01

news/2025/1/15 13:05:52/
htmledit_views">

引入jQuery资源(https://cdn.staticfile.net/html" title=jquery>jquery/1.10.2/html" title=jquery>jquery.min.js) 

 <script src="html" title=jquery>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

        html" title=jquery>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(){   //请求失败后回调函数}})


http://www.ppmy.cn/news/1526192.html

相关文章

【智路】智路OS Airos Edge 2.0 Quick Start

Airos Edge 2.0 Quick Start 1 智路OS2.0 1.1 简介 智路OS路侧操作系统airos-edge自下而上分别由内核层&#xff0c;硬件抽象层、框架层、服务层和应用层构成&#xff1b;提供了一系列抽象和框架&#xff0c;支持设备接入、服务、应用等组件开发&#xff0c;兼容X86和ARM操作…

TCP和MQTT通信协议

协议分层 网络分层 协议应用层 Co AP MQTT HTTP传输层 UDP TCP网络层 IP链路层 Enternet 网络分层中最…

在Ubuntu上部署 Misskey 服务器

今天我在阿贝云的免费服务器上进行了一次有趣的部署测试。阿贝云的服务真是让人惊喜&#xff0c;尤其是它的免费云服务器&#xff0c;提供的1核CPU、1G内存、10G硬盘和5M带宽的配置&#xff0c;绝对是个不错的免费服务器&#xff01;这样的环境适合开发和学习&#xff0c;给我带…

十四,在Spring Boot当中对应“ Tomcat 服务器的相关配置”和“服务器的切换”的详细说明

十四&#xff0c;在Spring Boot当中对应“ Tomcat 服务器的相关配置”和“服务器的切换”的详细说明 文章目录 十四&#xff0c;在Spring Boot当中对应“ Tomcat 服务器的相关配置”和“服务器的切换”的详细说明1. 基本介绍2. 准备工作&#xff1a;3. 内置 Tomcat 的配置3.1 第…

uniapp升级Vue3:避坑指南与步骤详解

为什么要升级到 Vue3 Vue3 是 Vue.js 的最新版本&#xff0c;相比 Vue2&#xff0c;它带来了许多改进和新特性&#xff0c;比如更小的包体积、更好的性能、更强大的组合式 API 等。通过升级到 Vue3&#xff0c;我们可以享受到这些新特性带来的好处&#xff0c;提升项目的开发效…

在服务器上开Juypter Lab教程(远程访问)

在服务器上开Juypter Lab教程&#xff08;远程访问&#xff09; 文章目录 在服务器上开Juypter Lab教程&#xff08;远程访问&#xff09;一、安装anaconda1、安装anaconda2、提权限3、运行4、同意协议5、安装6、是否要自动初始化 conda7、结束8、检查 二、Anaconda安装Pytorch…

精品PPT | 离散制造行业智能工厂总体解决方案

一、建设背景 离散制造业&#xff0c;包括机械制造业、汽车制造业和家电制造业等&#xff0c;其生产过程涉及多个不连续的工序&#xff0c;产品通常由多个零件装配而成。这类行业面临的挑战包括品种多、批量小、订单变化快、临时插单频繁以及外协件管理困难等问题&#xff0c;…

Unity-Transform类-父子关系

Transform拓展方法练习 public static class Tuozhan { 拓展方法&#xff0c;把子对象按名字长度排序 public static void Sortchild(this Transform obj) { List<Transform> Indexs new List<Transform>(); for (int i 0; i < obj.chil…