JQuery
文章平均质量分 56
XUPT-前端在逃工程师
逃
展开
-
JQuery中的Ajax
一. JQ中的Ajax1.$.get(url,[data],[callback],[type])该方法通过get请求载入信息 (显示提交)url:等载入页面的url地址data:待发送key:value参数callback:载入成功时回调函数type:返回内容格式(xml,html,script,json,text)2.$.post(url,[data],[callback],[type])该方法通过post请求载入信息 (隐式提交)url:等载入页面的url地址data:待发送key:原创 2021-03-08 21:14:56 · 104 阅读 · 0 评论 -
Ajax跨域问题
跨域问题产生跨域的原因浏览器从一个域名的网页去请求另一个域名的资源时,域名,端口,协议任何一个不同,都会产生跨域产生跨域三个因素: 域名 端口 协议1.jsonp解决跨域Jsonp:应用json的一种新方法,脚本代码只能解决get请求的跨域问题//后端配置jsonp接口app.get('/jsonpdata', function(req, res) { //获取AJAX传来的jsonpCallBack回调函数 var query = req.query; var c原创 2021-03-08 21:11:32 · 89 阅读 · 0 评论 -
JQuery中的动画
JQuery中的动画1.显示隐藏动画show,hide,toggle参数:(speed,easing,fn)speed (动画的时间)easing (动画的方式linear可用)fn (动画完成执行的函数)js底层就是给元素添加display:none2.滑动动画slideDown,slideUp,slideToggle3.淡入淡出fadeIn,fadeOut,fadeToggle4.自定义动画animate(自定义动画)参数:1.定义形成动画的 CSS 属性2.参数规原创 2021-02-27 22:32:19 · 80 阅读 · 0 评论 -
JQuery中的事件
JQuery中的事件一.常见事件1.加载完成事件$(function(){ })2.获焦,失焦事件获焦(focus focusin)失焦事件(blur focusout)$('input').focus(function(){})$('input').focusin(function(){})$('input').blur(function(){})$('input').focusout(function(){})3.按钮点击事件$('button').click(fu原创 2021-02-27 22:31:18 · 121 阅读 · 0 评论 -
JQuery中的筛选
JQuery中的筛选html代码<ul class="list1"> <li class="li1"></li> <li></li> <li></li> <li class="last"> <a href="#">111</a> </li> </ul> <ul class="list2">原创 2021-02-27 09:03:05 · 177 阅读 · 0 评论 -
JQuery中的节点操作
1.append 和 appednToappend:内容追加到元素内容之后<div id='box'> 11 </div> <script> $(function () { $('#box').append('<span></span>') }) </script>appednTo:把内容追加到元素内容之后$('<span>111</span>')原创 2021-02-02 22:41:28 · 146 阅读 · 0 评论 -
JQuery中css的操作
1. 行内样式设置属性三种方式:css(name) //获取属性值css(name,value)css({ name1:value1 , name2:value2 })css( name,function( index,value ) ) //索引,原先的属性值<div id='box'>111</div> <script> $(function () { $('#box').css('color', 'red') /原创 2021-02-02 21:48:27 · 104 阅读 · 0 评论 -
JQuery中的属性操作(属性,类名,文本)
1.属性操作方法作用attr()添加属性removeAttr()删除属性prop()添加属性removeProp()删除属性attr和prop的callback回调函数一样,return返回的值都是要设置的值function(index,value) 中的两个参数index,valueindex:索引value:dom元素本身含有的属性1.1 attr和removeAttr<div id='box'></div>原创 2021-02-02 11:54:03 · 252 阅读 · 0 评论 -
JQ初学习(简介,使用,选择器)
1.JQuery简介1.1 jQuery是一个JavaScript函数库。1.2jQuery是一个轻量级的"写的少,做的多"的JavaScript库。1.3jQuery库包含以下功能:HTML 元素选取,HTML 元素操作,CSS 操作,HTML 事件函数,JavaScript 特效和动画,HTML DOM 遍历和修改,AJAX,Utilities2.如何使用JQuery2.1 本地文件引入script 标签引入<script src="jquery-1.10.2.min.js">原创 2021-02-02 11:00:31 · 436 阅读 · 1 评论