jQuery
关注
分享
扫一扫
文章平均质量分 55
多读书多看报！
~
展开
-
留言板主要代码展示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-05-04 14:42:14 · 3139 阅读 · 1 评论 -
了解Ajax响应数据的渲染及模板引擎
Ajax的响应数据格式有：XML，一种数据描述的手段，缺点：数据冗余太多。JSON（JavaScript Object Notation，JavaScript）对象表示法，数据描述的手段，类似于JavaScript字面量方式。服务端采用JSON格式返回数据，客户端按照JSON格式解析数据。这些数据协议都是Ajax在请求过程中会用到的，所以当服务器发出某种格式的数据时，客户端就可以采用JavaScript相应的方法解析这种格式。JSON Serverjson-server 是一个Nod原创 2021-05-04 11:51:30 · 280 阅读 · 0 评论 -
理解跨域
了解跨域前，先了解同源策略同源策略同源策略是浏览器的一种安全策略，所谓同源是指域名、协议、端口完全相同。若只有目录不同则仍是同源。在同源策略下，只有同源的地址才可以相互通过Ajax的方式请求。在同源策略下，浏览器不允许Ajax跨域获取服务器数据。同源或者不同源说的是两个地址之间的关系，不同源地址之间请求称为——跨域。跨域解决方案JSONP json with padding，是一种借助于script标签发送跨域请求的技巧。原理就是在客户端借助script标签请求服务器的一个地址。原创 2021-05-04 11:37:53 · 137 阅读 · 0 评论 -
跨域代码练习——模拟百度搜索
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-05-04 11:32:28 · 155 阅读 · 0 评论 -
jQuery中Ajax的使用
在使用原生Ajax发送一个请求时，过程多少有点繁琐，jQuery中对于Ajax请求有它自己的封装好的函数，使用起来分方便。 在jQuery中有专门的Ajax封装，具体参照JQuery-Ajax参考手册网址这里用一段练习代码展示下使用方法：//使用要引入jQuery文件 <script src="../jq/jquery-1.12.4.min.js"></script> $.ajax({ url:"http://localhost:3000/users",原创 2021-05-04 10:20:39 · 125 阅读 · 0 评论 -
jQuery的animate动画方法及动画排队问题解决
animate（）动画方法作用：执行css属性集的自定义动画语法：$(selector).animate(styles,speed,easing,callback)• 参数1： css 的属性名和运动结束位置的属性值的集合。• 参数2：可选，规定动画的速度，默认是 “normal”。其他值，“slow”、“normal”、“fast”，数字格式，单位为毫秒。• 参数3：可选，规定在不同的动画点中设置动画速度的 easing 函数，值包含 swing（变速） 和linear（匀速）。原创 2021-04-02 09:20:31 · 334 阅读 · 0 评论 -
jQuery的几种显示隐藏方法
jQuery显示隐藏方法hide（）方法元素隐藏，隐藏的前提必须是元素display:block；show（）方法元素显示，显示的前提必须是元素display:none;toggle（）方法在元素隐藏和显示之间进行切换这三种方法设置的效果，在过程中还可以出现过渡动画 • 如果不传参数，直接显示和隐藏就没有过渡动画 • 如果传参数： •单词格式：”slow“ , “normal” , “fast”原创 2021-04-02 09:02:26 · 1594 阅读 · 2 评论 -
jQuery中的入口函数
jQuery中的入口函数入口函数：原生Js： window.onloadjQuery中的入口函数语法1 $(document).ready(function(){ //获取元素 });语法2$(function(){ //获取元素 })这里要注意的是：onload事件在加载时，要等待所有的页面中的资源（DOM树、图片、视频、音频等外部资源）加载完毕之后，才会执行；jQuery的入口函数，仅仅需要等待DOM树加载完成就立即执行<scr原创 2021-04-02 08:29:29 · 452 阅读 · 0 评论 -
jQuery排序及应用(Tab栏特效的实现)
jQuery排序eq（）排序，可以看作是一个筛选方法jQuery 中获得的对象，内部包含选择的一组原生 js 对象，在 jQuery 对象中会进行一个新的大的排序，这个排序与原来的 HTML 结构没有关系。所以eq() 方法在 jQuery 对象中通过下标获取某个对象，下标是 jQuery 对象中的大的排序的下标。//选中所有p标签var $ps = $("p");//生成了一个jquery对象，内部包含了所有的元素js对象// 是一个类数组对象，内部会按照获取顺序进行一个大排序//原创 2021-03-28 15:41:14 · 225 阅读 · 0 评论 -
jQuery实现验证码控制按钮及图片放大功能分析
下面分享两个小案例：1、实现发送验证码控制按钮禁用主要步骤及代码思路是，添加点击按钮事件按钮被禁用替换按钮内的内容每隔1s进行倒计时的变换倒计时到0时，停止倒计时，按钮恢复发送按钮内容更改，禁用取消<body> <input type="text" id="txt"> <input type="button" id="btn" value="发送"> <script src="../jq/jqu原创 2021-03-28 15:13:39 · 255 阅读 · 0 评论 -
jQuery其他关系查找方法
jQuery其他关系查找方法find()后代元素:传递一个规定的选择器作为参数,查找范围是jQuery对象的所有后代兄弟元素紧邻的兄弟元素方法:next()下一个兄弟prev()前一个兄弟多选方法nextAll()后面所有兄弟preAll()前面所有兄弟<style> *{ margin: 0; padding: 0; } .box{ border: 1px solid #000; backgr原创 2021-03-28 15:13:02 · 107 阅读 · 0 评论 -
jQuery链式调用
链式调用jQuery对象调用任何方法(除了节点关系方法)执行完后,方法都会有一个返回值,返回值就是jQuery对象自己,这个现象给我们提供了便利,可以对执行结果继续打点调用jQuery的方法和属性。即——可以使用jQuery对象进行连续打点调用console.log($(this).css("background-color", "pink").html("hello"));jQuery对象调用除了节点关系的方法之外，其他的方法执行后，返回值就是对象自己，可以继续链式调用其他的jQuery对象原创 2021-03-28 14:38:12 · 201 阅读 · 0 评论 -
jQuery关系查找方法
jQuery关系查找方法$(this):在原生的DOM操作中,事件函数内部都有一个this关键字指向的就是触发事件的事件源;在jQuery中将this关键字传递给$()方法,得到的就是指向自己的jQuery对象,这样就可以使用jQuery方法了.parent()父级:jQuery对象都有一个parent()方法,得到的是自己的父级,父级得到的也是一个jQuery对象,可以直接继续打点调用jQuery方法和属性children()子级:可以得到自己的所有子级元素组成的jQuery对象;得到的子级组成的原创 2021-03-28 14:24:24 · 118 阅读 · 0 评论 -
jQuery常用事件方法——mouseenter、mouseleave、hover方法
jQuery常用事件方法jQuery事件方法与原生Js事件方法名称类似,不需要写on,通过jQuery对象打点调用,括号内参数是事件函数mouseenter()方法:鼠标进入一个元素触发的事件mouseleave()方法:鼠标离开一个元素触发的事件注意:mouseenter和mouseleave没有事件冒泡,在使用时替换mouseover和mouseout更加合适下面是代码对比：<div class="parent"> <div class="box"原创 2021-03-28 14:20:22 · 766 阅读 · 0 评论 -
jQuery选择器及操作类名方法
jQuery选择器css2.1和css3选择器参数：必须是字符串格式的选择器<div class="box" id="box"><p>1</p><p>2</p></div> <p>hello</p><script src="../jq/jquery-1.12.4.min.js"></script><script> //jQuery选择器原创 2021-03-28 14:03:58 · 673 阅读 · 0 评论 -
了解jQuery
jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库jQuery下载地址：http://jquery.com/download/https://www.bootcdn.cn/jquery/使用过程中，具体参考 API 应用手册https://jquery.cuishifeng.cn/jquery极大的简化了DOM操作，让编程变得更加简单高效jQuery常见操作$()方法：在DOM操作中，jquery封装了一个获取元素的方法$()在jquery中，只有一个全原创 2021-03-28 11:47:24 · 89 阅读 · 0 评论