自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 jQuery扩展实例方法和静态方法

jQuery扩展实例方法和静态方法扩展jQuery实例方法(function($){ //设置默认参数 var defaults={ } //自定义方法 var showLink=function(obj){ $(obj).append(function(){ return "("+$(obj).attr("href")+

2017-03-18 21:28:14 1526

原创 jQuery表单数据验证之数据格式

jQuery前后端数据交互———表单数据格式JSON对象可以通过js存取属性,JSON对象装成JSON字符串经常用于前后台传输数据!JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex": "man" };jQUery-serializeArray()定义:

2017-03-18 21:27:25 501

原创 jQuery表单数据验证之数据格式

jQuery前后端数据交互———表单数据格式JSON对象可以通过js存取属性,JSON对象装成JSON字符串经常用于前后台传输数据!JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex": "man" };jQUery-serializeArray()定义:

2017-03-18 21:24:04 570

原创 14-jQuery常见的CDN和一些资源

14、jQuery常见的CDN和一些资源1、常见的CND加速服务Bootstrap中文网开源项目免费 CDN 服务百度静态资源公共库360网站卫士常用前端公共库CDN服务–已停止服务开放静态文件 CDN微软CDN服务阿里云百度开放云平台jQuery CDNjQuery cdn加速新浪CDN2、JQuery的一些资源速查手册 jQuery API 中文文档–css88 jQuery-overapi

2017-03-18 21:23:36 503

原创 13-jQuery性能优化

13、JQuery性能优化1、使用最新版的jQuery类库2、使用合适的选择器$(#id) 使用id来定位DOM元素是最佳的方式,为了提高性能,建议从最近的ID元素开始往下搜索$("p") , $("div") , $("input") 标签选择器性能也不错,它是性能优化的第二选择。因为jQuery将直接调用本地方法document.getElementsByTagName()来定位DOM元素$

2017-03-18 21:22:59 200

原创 12-jQuery各版本增加的一些方法

12、JQuery各版本增加的一些方法jQuery1.3新增常用的方法方法 :说明 .closest(): 从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素 die(): 从元素中删除先前用live()方法绑定的所有的事件 live(): 附加一个事件处理器到符合目前选择器的所有元素匹配jQuery1.4新增常用的方法方法: 说明 .first(): 获取集合中第

2017-03-18 21:22:24 232

转载 11-jQuery插件

第十一节:插件什么是插件插件(Plugin)也称为jQuery的扩展。以jQuery核心代码为基础编写的符合一定规范的应用程序。通过js文件的方式引用。插件分为哪几类UI类、表单及验证类、输入类、特效类、Ajax类、滑动类、图形图像类、导航类、综合工具类、动画类等等引入插件的步骤引入jquery.js文件,而且在引用插件之前引入 引入插件 引入插件相关文件,比如皮肤、中文包如何自定义插件:插件形

2017-03-12 01:54:57 226

原创 10-jQuery和ajax-3-ajax封装

第十节:ajax封装ajax请求后台数据 var btn = document.getElementsByTagName("input")[0]; btn.onclick = function(){ajax({//json格式 type:"post", url:"post.php", data:"username=poetries&pwd=123456", as

2017-03-12 01:43:31 198

转载 09-jQuery和ajax-2

第九节:jQuery和ajax-2jquery对Ajax操作进行了封装,在jquery中的$.ajax()方法属于最底层的方法,第2层是load()、$.get()、$.post();第3层是$.getScript()、$.getJSON(),第2层使用频率很高load()方法a、load()方法是jquery中最简单和常用的ajax方法,能载入远程HTML代码并插入DOM中 结构为:load(ur

2017-03-12 01:39:47 196

转载 08-jQuery和ajax

第八节:JQuery和ajax-1Ajax简介 :Asynchronous Javascript And XML (异步的JavaScript和XML)它并不是一种单一的技术,而是有机利用一系列交互式网页应用相关的技术所形成的结合体。Ajax优势与不足Ajax优势优秀的用户体验: 这是Ajax下最大的有点,能在不刷新整个页面前提下更新数据 提高web程序的性能: 与传统模式相比,Ajax模式在

2017-03-12 01:06:25 232

原创 seaJS模块化开发

Sea.js 模块化开发网站复杂开发问题:冲突、依赖、性能等问题 解决方案:seaJs ,提高代码可维护性(模块化开发) 网址:seajs.org 引入库:SeaJS简介SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。 与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现

2017-03-10 23:10:14 202

转载 07-jQuery中的事件

第七节:JQuery中的事件1、事件对象的属性event.type:获取事件的类型 event.target:获取到触发事件的元素 event.preventDefault方法 阻止默认事件行为 event.stopPropagation()阻止事件的冒泡 keyCode:只针对于keypress事件,获取键盘键数字 按下回车,13 event.pageX / event.pageY 获取

2017-03-10 22:50:05 156

转载 06-jQuery动画-1

第六节:JQuery动画-1JavaScript语言本身不支持动画设计,必须通过改变CSS来实现动画效果!1、显隐动画:show()显示;hide()隐藏原理: hide():通过改变元素的高度宽度和不透明度,直到三个属性值到0 show():通过上到下增加元素的高度,从左到右增加宽度,从0到1增加透明度,直到内容可见。 参数:show(speed,callback) speed: 字符串或

2017-03-10 22:32:36 173

转载 05-jQuery动画

第五节:jQuery动画操作DOM a.什么是DOM:Document Object Model缩写,文档对象模型 b.理解页面的树形结构 c.什么是节点:是DOM结构中最小单元,包括元素、属性、文本、文档等一、创建节点1.创建元素语法:document.createElement(name);var div = document.createElement("div");document.

2017-03-10 22:21:33 171

转载 04-jQuery的DOM操作

第四节:JQuery中DOM操作1、DOM是一种与浏览器、平台|语言无关的接口,使用该接口可以轻松的访问 页面中的所有的标准组件2、DOM操作的分类 DOM Core DOM core并不专属于JavaScript,任何支持DOM的程序都可以使用 JavaScript 中的getElementByID()、 getElementsByTagName()、 getAttribute()

2017-03-10 00:16:01 203

转载 03-jQuery代理对象

第三节: 代理对象属性和样式操作1、代理对象属性和样式操作 attr prop(一般属性值是boolean的值或者不用设置属性值,一般使用) css(最好不用,一般我用来做测试) addClass / removeClass2、操作原生DOM的时候用的方式:一次只能操作一个 操作属性:setAttribute / getAttribute 操作样式:style.xx = value 操

2017-03-10 00:13:47 229

转载 02-jQuery选择器

第二节:选择器选择器引擎规则:1、css选择器的规则:标签选择器、id选择器、类选择器、混合选择器 2、css3选择器规则 3、状态和伪类::even/ :odd/ :first/ :last/ :eq(index) 4、属性:(attr==value)层级选择器:通过DOM的嵌套关系匹配关系JQuery层级选择器:包含选择器、子选择器、相邻选择器、兄弟选择4种 1、包含选择器:$("a b

2017-03-10 00:12:21 176

转载 01-jQuery概述

第一节:jQuery概述JQuery概念javascript概念:基于Js语言的API和语法组织逻辑,通过内置window和document对象,来操作内存中的DOM元素 JQuery概念:基于javascript的,同上,提高了代码的效率JQuery是什么:是一个js代码仓库,我们称之为js框架; 是一个快速简洁的js框架,可以简化查询DOM对象、处理事件、制作动画、处理ajax交互过程。JQ

2017-03-09 00:37:10 303

原创 02-AngularJs-路由router

AngularJS中路由总结概述先谈谈APP应用。平时我们用的app总是多页面,如果用原生安卓或者苹果,那当然很流畅啦。但是当我们用一般的html页面做移动端,简单时候我们可以用这样的标签去链接页面时,速度还是可以的。但是当我们的应用越来越多时,切换起来没那么流畅。又是碍于网速,页面加载进来有点慢。但是在angular里面,我们可以用路由进行切换。因为在angular里面,我们用户一般在加载这样的应

2017-03-08 22:36:39 248

原创 01-AngularJS-简介

AngulJS简介谷歌公司动态为web应用设计的JavaScript框架,为了克服HTML在构建应用上的不足。它可通过<script>标签添加到HTML页面。AngularJS通过指令拓展了HTML,且通过表达式绑定数据到HTML。AngularJS 四大核心思想依赖注入、模块化、双向绑定、语义化标签AngularJS 的优点:不需要写大量代码,实现复杂功能;不要像jQuery大量操作复

2017-03-08 22:32:58 431

转载 JS操作JSON对象总结

JS操作JSON总结JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两

2017-02-06 21:16:17 406

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除