自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

泠泠似水

前端工作者,整理和分享前端知识

  • 博客(8)
  • 收藏
  • 关注

原创 angularJs 4大核心特性+事例

1.MVCM:model 数据模型层 V:view 视图层,负责展示 C:controller 业务逻辑和控制逻辑 好处:职责清晰,代码模块化2.模块化代码事例: ng1.html<!doctype html><html ng-app="helloangular"><head><meta charset="utf-8"></head><body><div ng-contro

2017-02-28 17:42:16 1723

原创 JQuery动画+事例

1.动画基础隐藏和显示jQuery中隐藏元素的hide方法让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果$elem.hide()提供参数:.hide( options )当提供hide方法一个参数时,.hide

2017-02-27 14:55:39 781

原创 JQuery事件+事例

1.鼠标事件jQuery鼠标事件之click与dblclick事件用交互操作中,最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作,另一个方法是dblclick方法用于监听用户双击操作。这两个方法的用法是类似的,下面以click()事件为例使用上非常简单:方法一:$ele.click()绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少

2017-02-26 15:02:49 1288

原创 JQuery的DOM操作+事例

1.DOM节点的创建通过JavaScript原生接口创建节点,在处理上是非常复杂与繁琐的。我们可以通过使用jQuery来简化了这个过程创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来,通过$()函数处理,$("html结构")$("<div></div>")创建为本节点:与创建元素节点类似,可以直接把文本内容一并描述$("<div>我是文本

2017-02-23 20:18:46 2873 1

原创 jQuery的属性与样式

1.jQuery的属性与样式之.attr()与.removeAttr()每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。操作特性的DOM方法主要有3个,getAttribute方法、setAttribute方法和removeAttribute方法,就算如此在实际操作中还是会存在很多问题,这里先不说。而在j

2017-02-19 16:48:11 338

原创 JQuery选择器+事例

1. jQuery选择器之id选择器页面的任何操作都需要节点的支撑,开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专注业务逻辑的编写。jQuery几乎支持主流的css1~css3选择器的写法,我们从最简单的也是最常用的开始学起id选择器:一个用来查找的ID,即元素的id属性$( "

2017-02-15 20:51:56 742

原创 JQuery环境搭建

进入官方网站获取最新的版本 http://jquery.com/download/ ,这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别在于 2.x 不再兼容 IE6、7、8浏览器,这样做的目的是为了兼容移动端开发。由于减少了一些代码,使得该版本比 jQuery 1.x 更小、更快。如果开发者比较在意老版本 IE 用户,只能使用 jQuery 1.9 及之前的版本了。我

2017-02-13 13:21:00 273

原创 JQuery UI入门

JQuery UI入门draggable:拖拽 droppable:放置例:index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JQuery UI</title> <style> .block{width: 100px;height: 10

2017-02-02 14:15:41 428

空空如也

空空如也

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

TA关注的人

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