bigbeatwu的博客_jQuery

前端性能优化

1.概念缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度2.编码部署：（1）代码的压缩与合并（2）图片、js、css、等静态资源使用和主站不同域名地址存储，从而使得在传输资源时不会带上不必要的cookie信息（3）使用内容分发网络CDN（4）为文件设置Last-Modified、Expires和Etag（设置文件头，最近修改时间，过期时间，时间戳）（5）使用GZIP压缩传送（6）权衡DNS查

优化

前端性能

原创 2019-01-16 10:22:45 558 阅读

正则表达式

1.什么是正则表达式能让计算机读懂的字符串匹配规则2.正则表达式的写法：varre=newRegExp('规则'，'可选参数')；varre=/规则/参数；3.规则中的字符（1）普通字符匹配：如：/a/匹配字符'a',/a,b/匹配字符'a,b'（2）转义字符匹配：\d匹配一个数字，即0-9\D匹配一个非数字，即处理0-9\w匹配一个

正则表达式

原创 2019-01-16 09:57:44 1316 阅读

bootstrap布局实例

1.路径导航<!doctypehtml><html><head><metacharset="utf-8"><title>路径导航</title><linkrel="stylesheet"type="text/css"href="css/bootstra

实例

布局实例

原创 2019-01-15 23:24:54 1756 阅读

bootstrap 模态框

（1）modal声明一个模态框（2）modal-dialog定义模态框尺寸（3）modal-lg定义大尺寸模态框（4）modal-sm定义小尺寸模态框（5）modal-header（6）modal-body（7）modal-footer<!doctypehtml><html><head><metacharset="utf-8">&

模态框

bootstrap

原创 2019-01-15 20:50:59 1311 阅读

bootstrap 菜单

1.bootstrap图片img-responsive声明响应式图片2.bootstrap字体图标通过字体代替图标，font文件夹需要和css文件夹在同一目录3.bootst导航条（1）navbar声明导航条（2）navbar-default声明默认的导航条样式（3）navbar-inverse声明反白的导航条样式（4）navbar-static-top去掉导航条的圆角（5）navbar-fixe

导航条

菜单

原创 2019-01-15 20:02:10 653 阅读

bootstrap表单

1.bootstrap表单（1）form声明一个表单域（2）form-inline内联表单域（3）form-horizontal水平排列表单域（4）form-group表单组、包括表单文字和表单控件（5）form-control文本输入框、下拉列表控件样式（6）checkboxcheck-inline多选框样式（7）radioradio-inline单选框样式（8）input-group表单控件组

bootstrap

按钮

原创 2019-01-15 14:24:50 921 阅读

移动端js事件和库

1.touch事件（1）touchstart手指放到屏幕触发（2）touchmove滑动触发（3）touchend离开触发（4）touchcancel系统取消touch事件的时候触发，比较少用一般时封装使用来实现这三种操作，可以使用封装成熟的js库2.zeptojs是一个轻量级的针对现代高级浏览器的JavaScript库，它与jQuery有着类似的api。会用jQuery就会zeptojs。一些可

库

移动端

原创 2019-01-14 16:06:47 1019 阅读

jQueryUI

1.概念jQueryUI是以jQuery为基础的代码库，包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序网站：http://jqueryui.com/例子：拖拽<!doctypehtml><html><head><metacharset="utf-8"><title&g

UI

jQueryUI

原创 2019-01-13 23:08:52 653 阅读

jQuery一次弹框实例

服务器环境下：<!doctypehtml><html><head><metacharset="utf-8"><title>弹框</title><scripttype="text/javascript"src="js/jquery-3.3.1.min.js">

一次弹框

实例

原创 2019-01-13 22:27:46 543 阅读

jQuery本地存储

1.概念本地存储分为cookie，以及新增的localStorage和sessionStorage（1）cookie存储在本地，容量最大4k，在同源的http请求时携带传递，损耗带宽，可设置访问路径，只有此路径及此路径的子路径才能访问此cookie，在设置的过期时间之前有效。服务器环境运行：<!doctypehtml><html><head><metach

存储

本地存储

原创 2019-01-13 21:46:59 993 阅读

jQuery Ajax & jsonp

1.Ajax与jsonp（1）ajax技术的目的是让JavaScript发送HTTP请求，与后台通信，获取数据和信息。Ajax技术的原理是实例化xmlhttp对象，使用此对象与后台通信。Ajax通信的过程不会影响后续JavaScript的执行，从而实现异步。（2）同步和异步同步：等待结果返回在执行异步：不管结果继续执行（3）局部刷新和无刷新Ajax可以实现局部刷新，也叫无刷新，无刷新指的是整个页面

Ajax

json

jsonp

原创 2019-01-13 17:45:12 961 阅读 1收藏

jQuery 幻灯片例子

1.例子：幻灯片<!doctypehtml><html><head><metacharset="utf-8"><title>PPT</title><scripttype="text/javascript"src="../jQuery库/jquery-3.3.1.min.j

幻灯片

例子

原创 2019-01-12 21:16:55 486 阅读

jQuery整屏滚动

1.jQuery.mousewheel插件使用jQuery中没有鼠标滚轮事件，原生js中的鼠标滚轮事件不兼容，可以使用jQuery的滚轮事件插件jQuery.mousewheel.js2.函数节流JavaScript中有些事件的触发频率非常高，比如onresize事件（jq中是resize），onmousemove事件（jq中是mousemove）以及上面说的鼠标滚轮事件，在短事件内多处触发执行绑

mousewheel

整屏滚动

原创 2019-01-12 17:05:36 1314 阅读

jQuery节点操作

1.元素节点操作（1）创建节点（2）插入节点append（）和appendTo（）：在现存元素的内部，从后面插入元素prepend（）和prependTo（）：在现存元素内部，从前面插入元素after（）和insertAfter()：在现存元素外部，从后面插入元素before（）和insertBefore（）：在现存元素的外部，从前面插入元素$(function(){/通过HTML的字符串的方式添

节点

jQuery

原创 2019-01-11 23:17:11 400 阅读

jQuery事件

1.事件函数列表（1）click鼠标事件（2）mouseover()鼠标进入（进入子元素也触发）（3）mouseout()鼠标离开（离开子元素也触发）（4）mouseenter（）鼠标进入（进入子元素不触发）（5）mouseleave（）鼠标离开（离开子元素不触发）（6）hover（）$(function(){/*移入，子元素也会触发*//*$('.box1').mouseover(functio

事件

jQuery

原创 2019-01-11 20:30:43 371 阅读

jQuery属性操作、循环

1.html()取出或设置html内容2.prop（）取出或设置某个属性的值<!doctypehtml><html><head><metacharset="utf-8"><title>属性操作</title><scripttype="text/javascript"src=&quo

属性

循环

原创 2019-01-09 14:56:44 395 阅读

jQuery元素的尺寸、位置和页面滚动事件

1.获取和设置元素的尺寸<!doctypehtml><html><head><metacharset="utf-8"><title>获取尺寸</title><scripttype="text/javascript"src="../jQuery库/jquery-3.3.1.

页面滚动

滚动事件

原创 2019-01-09 10:22:02 1519 阅读

jQuery特性效果与链式调用

1.显示效果<!doctypehtml><html><head><metacharset="utf-8"><title>特殊效果</title><scripttype="text/javascript"src="../jQuery库/jquery-3.3.1.min.js

特效链式

链式调用

原创 2019-01-07 23:11:37 459 阅读

jQuery选择器

1.jQuery用法思想一选择某个网页元素，然后对它进行某种操作2.jQuery选择器（1）可以快速地选择元素，选择规则和css样式相同，使用length属性判断选择是否成功。$(function(){/*选择类*/var$div01=$('.div1');$div01.css({'color':'red'});/*选择ID*/var$div02=$('#box2');$div02.css({'f

操作

选择器

原创 2019-01-07 16:20:14 396 阅读

jQuery库简介

1.介绍jQuery版本有1.x，2.x，3.x，1.x兼容低版本的浏览器，使用最多jQuery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。特点：写得少，做的多<!doctypehtml><html><head><metacharset="utf-8"><title>jquery<

简介

jQuery

原创 2019-01-06 22:55:43 900 阅读 1收藏

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

天天学习

前端性能优化

正则表达式

bootstrap布局实例

bootstrap 模态框

bootstrap 菜单

bootstrap表单

移动端js事件和库

jQueryUI

jQuery一次弹框实例

jQuery本地存储

jQuery Ajax & jsonp

jQuery 幻灯片例子

jQuery整屏滚动

jQuery节点操作

jQuery事件

jQuery属性操作、循环

jQuery元素的尺寸、位置和页面滚动事件

jQuery特性效果与链式调用

jQuery选择器

jQuery库简介