- 博客(18)
- 收藏
- 关注
RSS订阅原创 jQurey插件cookie,autocomplete,contextmenu,lifocuscolorct,twoaddresult
1.cookie 对用户信息的保存：$.cookie(key，value)；读取：$.cookie(key)，删除：$.cookie(key，null)$.cookie('the_cookie'); // 读取 cookie $.cookie('the_cookie', 'the_value'); // 存储 cookie $.cookie('the_cookie', 't
2016-05-13 10:22:12
473
原创 jQuery插件之jqzoom放大镜插件
这个在淘宝上处处可见了，需要两张图片，一张大的一张小的，在标签显示小图片，链接大图片，再给其添加一个jqzoom调用，设置其选中区域的长和宽。还可以引用其css库，设置其选中或非选中部分变灰。这里也是慕课网提供的一个css和一个js库 jqzoom
2016-05-13 09:19:21
4693
原创 jQuery插件之lightBox图片灯箱
引用不同的js库，其效果是不一样的，下面这个是慕课网的lightBox的js库 这个插件是通过点击后图片加载弹出来用圆角展示，有上下按钮，加载时有进度条，背景可调颜色lightBox
2016-05-13 08:53:35
546
原创 jQuery插件之表单插件form
先要引用form插件的js库，这里是慕课网所提供的： 表单插件是调用ajaxForm（）方法，实现ajax方式提交表单数据，并把结果返回$(form). ajaxForm({ options }) $(function () { var options = { url: "http://w
2016-05-13 08:29:38
601
原创 jQuery插件之validate表单验证
这里推荐一个网页http://www.runoob.com/jquery/jquery-plugin-validate.html，介绍validate写得很详细,无法转载，直接贴上地址。在执行validate插件之前，我们必须引入相关的插件js库，这里提供jQuery库和validate的js库 src="http://static.runoob.com/assets/jquery-v
2016-05-12 23:58:27
414
原创 jQuery实现Ajax应用
首先理解一下什么是Ajax,全称是Asynchronous Javascript And XML（异步JavaScript和XML）是一种交互式网页应用的网页开发技术。用通俗的话说，就是当需要数据处理或更新的时候，不采用整个网页页面重载的方法，而是采用网页某部分更新，也就是让后台和服务器做少量的数据交换。我对异步的理解是，原来页面不受影响，需要更新的数据做小部分的请求交换，这两个部分是异步
2016-05-11 09:53:27
2135
1
原创 jQuery动画特效
1.调用show()和hide()方法显示和隐藏元素,toggle切换，之前已经有博文细讲了。$(selector).hide(speed,[callback]);$(selector).show(speed,[callback]);//参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作执行完成后调用的函数名。
2016-05-10 21:34:45
3442
原创 jQuery事件与应用
1.页面加载触发ready事件，ready事件只需要DOM结构加载后即可触发，onload()要全部元素加载后才触发。$(document).ready(function(){})等价于$(function(){});2.使用bind方法绑定元素的事件 $("selector").bind("click mouseout",funtion(){} );3.使用hover切换事件$(sel
2016-05-10 00:14:52
457
原创 jQuery操作DOM元素
1.attr() 控制元素属性2. html(),text()控制元素内容，其中text()只是文本内容3. addClass(),css()操作元素的样式4.使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能5.append()追加内容6.appendTo()反追加7.before（），after（）元素前
2016-05-08 16:42:21
938
原创 jQuery表单选择器
......所有表单选择器：前都要加空格（直接标签的不用）1 :input表单选择器可以实现，它的功能是返回全部的表单元素，不仅包括所有标记的表单元素，而且还包括、 和 标记的表单元素 $("#frmTest:input")2 :text表单文本选择器可以获取表单中全部单行的文本输入框元素 $("#frmTest:text")3 :password选择器，它的功能
2016-05-08 15:09:47
1445
1
原创 Jquery过滤性选择器
这里以 为例1.第一个为li的子元素,最后一个为li的子元素 $("li:first") $("li:last") 2.第n个子元素（从0开始索引） $("li:eq(n-1)") 3.获取包含“text”字符串内容的全部元素对象 $( " li:contains ( ' text ' ) " )4.获取指定包含某个元素名的全部元素,比如含p元素
2016-05-08 12:20:24
1299
原创 Jquery基础选择器
慕课网这一节的内容讲得挺基础但是很详细，下面有人对选择器评论了这么一句总结：星号全部 逗号不相干 空格子孙孙辈 大于子辈 加号弟弟 波浪所有弟弟这个也适用于CSS中。
2016-05-08 10:58:24
404
原创 Jquery基础之hide,show,toggle
1.认识JQurey,在上面的博文中有提到，实现同样的效果，引用jquery可以减少很多代码。jquery的宗旨就是write less,do more，这就好比我们能够借用jquey这个强大的javascript库来减少我们的代码量。搭建jquery环境也比较简单，一个是下载jquery文件库到本地引用，还有一个直接引用文件库的URL，这里提供一个1.9.0的地址：2.Jquer
2016-05-08 09:37:46
984
1
原创 跨浏览器事件处理
在慕课网里，DOM事件一节中提到了怎么在Chrome,IE,和更低版本的浏览器中实现事件处理，这里做一个小结：1.非IE浏览器支持addEventListener和removeEventListener。2.IE浏览器（低版本）支持attachEvent和detachEvent，但其他浏览器不支持。3.各个浏览器（无论低版本）都支持dom0级事件，但是有一个弊端就是无法重复处理。这
2016-05-07 13:10:52
1003
原创 原生js和jquery分别实现伸缩菜单的制作-水平方向导航栏
原生javascript实现：这一次要实现的是鼠标放上去以后，菜单栏被选中的那一栏水平拉伸，鼠标离开后水平收缩。并带有一定的时间性，使肉眼能够看出其拉伸收缩的动画效果。开始用javascript进行编写：首先在之前水平方向的导航栏上进行操作，将第一栏和选中栏的样式只改变为背景变黑色，文字变白色.on,a:hover{background:#000000;color:#FFFFFF;
2016-05-05 14:04:07
4087
原创 点击放大导航栏菜单
在上一个圆角导航栏的基础上，我们可以设置其他样式比如这个，hover之后放大，主要的改变就是背景高度提了20个px,再设置一下margin-top :-20px，这里用了负数，是向上移动20px,最后设置一下行高让文字居中。导航栏*{margin:0;padding:0;font-size:20px}ul{list-style:none;height:50px;border-
2016-05-05 12:55:52
938
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人