DangR_Jisoo的博客

原生Ajax，jQuery封装的Ajax以及axios(接口可直接使用)原生Ajax工作原理：通过XmlHttpRequest对象向服务器发异步请求，从服务器获得数据，然后用 javascript 来操作DOM更新页面请求方式：get / post，在这里get与post的区别不做说明了，直接展示两种代码getvar xhr=new XMLHttpRequest()xhr.open('get','http://192.168.2.52:5000/query_get?name=1',tru

jQuery自定义动画animate//css代码div{ position: absolute;//自定义动画的元素必须添加定位 width: 100px; height: 100px; background-color: red;}//html代码<div></div>//jQuery代码(记得引入jQuery文件)$(function(){ $('div').animate({ width: 300, height: 300, backgro

jQuery元素遍历，创建，添加，删除操作元素遍历语法一：$('div').each(function(index,ele){ }) (主要用于遍历元素)//html代码 <div>1</div> <div>2</div> <div>3</div>//jQuery代码(记得引入jQuery文件) $('div').each(function(index,ele){

jQuery事件处理及事件解绑绑定单个事件 div{ width: 200px; height: 200px; background-color: teal; } <div></div> //方法1 $(function() { $('div').click(function() { ale

jQuery获取或设置元素的属性值获取元素属性值固有属性($('div).prop(‘color’))自定义属性($('div).attr(‘index’)) <a href="www.baidu.com" title="百度">百度</a> <input type="checkbox" checked='checked'> <div index="1"></div> console.log($('a').

jQuery筛选方法及筛选选择器筛选选择器 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul>$(‘li:first’

jQuery样式操作(获得样式，修改样式，删除样式，切换样式) <style> div { width: 400px; height: 400px; background-color: pink; color: black; } </style> <script src="jQuery.min.js"></scrip

jQuery中的位置操作(offset,position,scroll)offset()返回距离父元素的偏移量left和top值，把这两个值封装在一个对象中，若想得到具体的值(使用offset().left，offset().top)，父元素必须要有定位，否则返回距离文档的值 <style> * { margin: 0; } .father { position: relative;//给

jQuery中的尺寸操作(width,height,innerWidth,innerHeight,outerWidth,outerHeight)及与DOM中尺寸操作的区别一. jQuerywidth()返回当前元素的宽度height()返回当前元素的高度innerWidth()返回当前元素的宽度(含padding值)innerHeight()返回当前元素的高度(含padding值)outerWidth()返回当前元素的宽度(含padding+border值)outerHeight(