随笔分类 - JQuery基础及应用
摘要：Ajax的作用，主要是实现局部刷新。 通过老大哥告知，Ajax接口可以使用一言网站的，所以自己就练了一下子。 本文所有用到的接口都来自一言网站：https://hitokoto.cn/api 通过网站公告可知，一言网站的JSON数据格式如下： id 本条一言的id。可以链接到https://hito
阅读全文
摘要：众所周知JQuery中的Ajax主要用于数据传输，其数据传输格式为JSON格式数据，比XML格式数据传输更快。 ajax 是 Asynchronous JavaScript and XML的简写，ajax一个前后台配合的技术，它可以让 javascript 发送异步的 http 请求，与后台通信进行
阅读全文
摘要：1.搭建HTTP静态Web服务器。 代码实现： 1 # 1.导入socket模块 2 import socket 3 import threading 4 5 6 # 创建服务器类 7 class HttpServerSocket(object): 8 # 给服务器类的对象设置属性 9 def __
阅读全文
摘要：JSON是一种网络中的数据格式，主要用于网络间的数据传输，它比XML格式的数据传输速度快，使用更广。 1.Ajax处理对象格式的JSON数据： 1 <script src="../JS/jquery-1.12.4.min.js"></script> 2 <script> 3 function sho
阅读全文
摘要：jQuery基础之事件处理方法，如下图： 代码实现： 1 <script src="JS/jquery-1.12.4.min.js"></script> 2 <script> 3 // 事件代理的第一种方式 4 // 事件冒泡，子标签的事件会传递给父标签 5 // 当点击子标签时会将单击事件传递给父
阅读全文
摘要：jQuery基础之事件方法，如下图： 代码实现： 1 <script src="JS/jquery-1.12.4.min.js"></script> 2 <script> 3 $(function(){ 4 var $btn = $('#btn1'); 5 // 鼠标点击事件 6 $btn.clic
阅读全文
摘要：jQuery基础之获取和设置标签元素属性方法，如下图： 代码实现： 1 <script src="JS/jquery-1.12.4.min.js"></script> 2 <script> 3 // 获取元素属性函数 4 $(function(){ 5 // 通过prop(属性名)方法，获取标签元素
阅读全文
摘要：JQuery基础之获取和设置标签内容方法，如下图： 代码实现： 1 <script src="JS/jquery-1.12.4.min.js"></script> 2 <script> 3 $(function(){ 4 $div = $('#div1'); 5 // 获取当前标签元素内包裹的内容
阅读全文
摘要：JQuery之选择集转移方法如下图： 所谓选择集，就是通过$()方法获取到的所有标签的集合。 代码实现： 1 <script src="JS/jquery-1.12.4.min.js"></script> 2 <script> 3 $(function(){ 4 var $div1 = $('#di
阅读全文
摘要：JQuery选择集过滤应用如下： 所谓选择集，就是通过$()方法获取到的所有标签的集合。 代码实现： 1 <script src="JS/jquery-3.4.1.js"></script> 2 <script> 3 // JQuery中的选择集过滤 4 // has()方法:选择出指定的选择所指的
阅读全文
摘要：JQuery中的选择器数量和JavaScript中的选择器数量相差无几，JQuery中的选择器类型如下图： 代码实现： <script src="JS/jquery-3.4.1.js"></script> <script> // 利用JQuery创建程序入口1 $(document).ready(f
阅读全文
浙公网安备 33010602011771号