![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 58
soosgo
这个作者很懒,什么都没留下…
展开
-
jquery ajax请求PHP后端数据
PHP代码:<?php//链接数据库 查询相关内容$con=mysqli_connect("localhost", "root", "123456", "school");if(!$con){ die("can not connect");}//编写查询语句$sql="SELECT * FROM `websites`";$result=mysqli_query($con, $sql);while ($row=mysqli_fetch_assoc($result)) { $原创 2021-03-03 11:01:23 · 389 阅读 · 0 评论 -
ajax请求服务器端数据
ajax对象的属性和方法: 属性: responseText以字符串形式获取服务器端返回信息 readyState ajax对象状态(0 1 2 3 4) 0-->对象创建 1-->有调用open方法 2-->有调用send方法 3-->服务器返回数据(但是数据没有返回完全) ...原创 2021-03-02 14:23:50 · 299 阅读 · 0 评论 -
jQuery实现360开机右下角提醒
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box { width: 322px; position: fixed; bottom: 0; right: 0;原创 2020-08-23 18:39:54 · 384 阅读 · 0 评论 -
jQuery选择器的使用
jQuery里包含很多选择器,这里主要练习筛选选择器的使用,案例如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0px;padding: 0px;} body{font-size: 12px;} a{color: black;原创 2020-07-08 10:46:05 · 167 阅读 · 0 评论 -
jQuery ajax请求json数据
一、数组类型json数据html部分:<table id="table" border="1" cellspacing="0" cellpadding="5"> <tr> <th>订单号</th> <th>购买产品</th> <th>版本类型</th> <th>有效时间</th> <th>购买日期&原创 2020-06-30 15:19:07 · 826 阅读 · 0 评论 -
load()方法的使用
load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。语法:load(url,data,function(response,status,xhr))该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到成功的响应时(比如,当 text...原创 2019-09-15 22:08:19 · 6598 阅读 · 0 评论 -
jQuery中的ajax请求
什么是 AJAX ?AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。示例代码如下: $.ajax(...原创 2019-09-15 22:01:12 · 111 阅读 · 0 评论 -
在线资源路径
BootCDN快速搜索开源库jQuery:http://www.jq22.com/jquery/1.11.1/jquery.min.jsBootstrap :<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7...原创 2018-09-13 15:51:22 · 698 阅读 · 0 评论 -
Ajax中同步与异步的区别
jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。而异步则这个AJAX代码运行中的时候其他代码一样可以运行。ajax中async这个属性,用于控制...转载 2018-09-16 18:45:37 · 187 阅读 · 0 评论 -
jQuery判断是否是IE7浏览器
jQuery从1.9版本开始,移除了$.borwser和$.browser.version,取而代之的是$.support。在更新的2.0版本中,将不再支持IE6/7/8。以后,如果用户需要支持IE6/7/8,只能用jQuery1.9。以后如果用户需要支持IE6/7/8,只能使用jQuery1.9及以下版本。如果要全面支持,并混合使用jQuery1.9以下和2.0及以上版本,官方的解决方案是使用只转载 2017-12-29 14:26:53 · 2031 阅读 · 0 评论 -
jquery tmpl的使用
jquery tmpl简介:动态请求数据更新页面非常常用的方法,例如博客评论的分页动态加载,微博的滚动加载和定时请求加载以及ajax请求返回数据等。这些情况下,动态请求返回的数据一般不是已拼好的html就是JSON或XML,总之不在浏览器端拼接数据就在服务器端拼接数据。浏览器端根据JSON生成HTML有个很苦恼的地方就是,结构不复杂的时候还好,结构一复杂,就需要很小心的写出几乎无法维护的j原创 2017-08-03 11:20:52 · 3177 阅读 · 0 评论 -
解决jquery load加载JS失效问题
一般我们如果想在一个界面中显示另一个界面的内容通常使用load加载,但是load加载也有一定的弊端,对于静态的界面没有其他特殊js效果的界面用load加载是ok的,但是如果界面本身有js作用,那么在通过load加载到两一个界面是,此界面原本具有的js效果就会出现显示无效的情况,针对这一情况,让被加载的界面通过加载进inframe再显示就很好的解决了load加载js无效的问题。部分js代码如下:原创 2016-12-23 09:34:35 · 13508 阅读 · 2 评论 -
canvas绘制圆环进度条
圆环进度表示是现在常用的一种进度标识方法, 绘制圆环进度条 function drawRing(w,h,val){ //先创建一个canvas画布对象,设置宽高 var c=document.getElementById('myCanvas'); var ctx=c.getContext('2d'); ctx.原创 2017-02-21 12:14:48 · 3176 阅读 · 0 评论 -
jquery之数组操作
有时候我们希望往数组中添加一项内容,这里我这总结的有两种简单的方法,以便后期方便使用:var arr=[];//创建一个数组//方法1arr.push('a');//往数组末尾添加元素//方法2arr[arr.length]='a';//直接给数组最后一个元素赋值判断一个数组中是否包含某个字符串对象jQuery方法如下:$.inArry('cc',arr);//如果原创 2017-04-25 09:50:28 · 365 阅读 · 0 评论 -
获取相同元素中的最大高度
有时候元素的高度是内容填充的,不能再css直接定义,但是如果高度不统一外观又不太好看,那么我们只能通过JS对元素的高度进行控制了,本例子是通过jQuery对元素高度进行控制的,所以首先要引入jQuery文件。附上代码如下: 获取相同元素的最大高度 html,body,div,ul,li p{ margin: 0px; padding:原创 2017-06-08 12:02:18 · 1368 阅读 · 0 评论 -
关于offsetTop与offsetHeight的区别以及使用方法
offsetTop和offsetHeight是设置一个元素的位置和获取圆度大小经常会使用的参数,下面具体讲一下他们的区别于联系:例如obj为html的一个元素对象,obj.offsetTop指的是obj距离上方或者父级元素(position非static)的位置,整型,单位像素。obj.offsetHeight指obj自身的高度,整型,单位像素。另外,还有scrollHeight与原创 2017-07-10 16:07:41 · 6394 阅读 · 0 评论 -
图片的热点区域
在做前端页面的过程中,图片的热点区域链接是我们经常遇到的,最方便的是通过DreameWeaver编辑器进行拖拽绘制热点区域,热点区域部分的代码也会自动生成,但是这样操作虽然方便,另个一方面也削弱了我们的前端技能,以至于离开了DW工具就不知道具体代码怎么编写了。下面我来具体说一下热点区域的坐标问题,个人理解,仅供参考:图片的热点区域的坐标点:是以图片的左上角为坐标点,矩形的左上角坐标x1原创 2017-06-12 17:17:09 · 2594 阅读 · 0 评论 -
关于获取验证码的书写过程
一般我们注册的时候都有输入验证码这一步,但是有时候这一步确认让人头痛,在此特意记录一下,以便后期查阅。其中部分关键代码如下:html有关验证码部分代码: 获取验证码 验证码获取接口部分js如下:$('#getting').click(function(){原创 2017-08-01 17:30:32 · 848 阅读 · 0 评论 -
关于jquery的obj.click()、和obj.on()以及行内的onclick事件
一般通过jQuery写触发事件是我们通常写的是obj.事件类型()。以下以点击事件为例:通常我们直接写obj.click();实现点击事件的效果,但是这种写法不支持动态元素或样式绑定事件。支持动态元素绑定事件的是.live()和.on()。live在jquery1.7以后就不推荐使用了。行内的onclick事件也可以实现对js的动态绑定事件。以下是我自己整理的关于三种写法的使用原创 2017-07-29 14:27:17 · 6051 阅读 · 0 评论 -
jquery事件绑定与解除
我们常用的事件绑定最早有obj.unbind(event,fn),后来有on()的参数 on( events [, selector ] [, data ], handler(eventObject) )但是有些时候一些操作会导致事件的叠加(一次操作触发多次事件),所以每次操作前要取消事件的绑定。obj.unbind(event,fn)对应obj.unbind(event);o原创 2017-04-19 09:28:06 · 647 阅读 · 0 评论 -
jQuery Tab切换
jQuery Tab切换HTML部分支付宝微信支付银行卡jQUery部分$(function(){var aT=$('.t');aT.click(function(){var $this=$(this);var $t=$this.index();aT.removeClass('active');$this.addCla原创 2016-09-26 13:15:23 · 520 阅读 · 0 评论