JQuery
关注
分享
扫一扫
文章平均质量分 85
会飞的Pikachu
前端开发手册：https://github.com/dwqs/fedHandlebook
展开
-
响应式菜单制作
看看效果：PC端：QQ截图20150327215831移动端：QQ截图20150327215915一、HTML<div id="demo"> <span class="icon-menu" id="icon"></span> <ul class="nav"> <li>首页</li> <li>前端开发 <ul class="submenu">原创 2015-03-31 13:33:52 · 1248 阅读 · 0 评论 -
全屏滚动实现：fullPage.js和fullPage
fullPage.js和fullPage都能实现全屏滚动，二者区别是：fullPage.js需依赖于JQuery库，而fullPage不需要依赖任何一个js库，可以单独使用。一、fullPage.js实现全屏 fullPage.js是开源的JQuery插件库，其Github地址：https://github.com/alvarotrigo/fullPage.js 1、基本演示 1.1 引入文件<!-- 引入css --><link rel="styl原创 2015-03-18 09:43:28 · 2375 阅读 · 0 评论 -
DOM笔记（七）：开发JQuery插件
在上一篇笔记本中，讲解了如何利用jQuery扩展全局函数和对象：DOM笔记（六）：怎么进行JQuery扩展？在这篇笔记本中，将开发一个简单的动画插件，名称是example-plugin，用其实现一个简单的功能：光标移动到目标标签，标签移动，改变背景色；光标离开时，标签恢复原来的样式。因为是jQuery对象的扩展，采用jQuery.fn.extend()进行扩展，插件名是dwqs,并且使用闭包：/**示例插件功能：*光标移动到目标标签，标签移动，改变背景色；光标离开时，标签恢复原来的样式*/原创 2014-12-13 13:30:47 · 1322 阅读 · 0 评论 -
DOM笔记（六）：怎么进行JQuery扩展？
一、全局函数的扩展全局函数是将独立的函数添加到JQuery的命名空间中区。在使用的时候，可以通过$.fucnName(param)或者jQuery.funcName(param)方式进行调用。1、直接在JQuery上添加：在jQuery上添加一个全局函数sayHellojQuery.sayHello=function(name){alert(name+"您好");}; 调用方式:jQuery.sayHello("张子涵"); //或者用$.sayHello("张子涵");原创 2014-12-12 13:28:26 · 1131 阅读 · 0 评论 -
JQuery：各种操作表单元素方法小结
来源：http://www.ido321.com/1220.html表单元素无处不在，已然成了Web应用不可或缺的一个部分。对表单最最最常见的操作就是获取表单元素的值或者更改表单元素的值。那在JQuery和JavaScript中怎么操作表单元素的值？JQuery操作表单总结：1、文本框、密码框、隐藏域、文本域（id换成对应的,value属性存在，才能利用attr(‘value’) 获取值，否则返回undefined）：1.1 获取—>$(“#text”).val()或者$(“#text”).a原创 2014-11-19 12:37:29 · 1635 阅读 · 2 评论 -
JQuery笔记：JQuery和JavaScript的联系与区别
来源：http://www.ido321.com/1019.htmlps:LZ觉得这个标题有点大了，超出了能力范围，不喜勿碰。目前只记录LZ能力范围内的，日后持续补充。 一、JQuery对象和DOM对象的相互转化（《锋利的JQuery》） JQuery转化为DOM： 1、var jq = $(‘#selector’); var dom = jq[index]; 2、var jq1 = $(‘#selector1’); var do原创 2014-10-15 16:14:24 · 1514 阅读 · 2 评论 -
jq实现图片轮播:圆形焦点+左右控制+自动轮播
html代码： 1: <!DOCTYPE html> 2: <html lang="en"> 3: <head> 4: <meta http-equiv="content-type" content="text/html;charset=utf-8"> 5: <title>JQ图片轮播</title> 6: <!-- css --> 7: <link rel="stylesheet" type="text/css" hr原创 2014-10-02 00:22:35 · 4842 阅读 · 0 评论 -
JQuery插件之图片轮播插件–slideBox
今天偶然发现了一个比较好用的图片轮播插件—slideBox先看看效果：http://slidebox.sinaapp.com/代码如下 1: <!doctype html> 2: <html> 3: <head> 4: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5: <title>slideBox轮播插件</title> 6: <link href="css/原创 2014-09-30 17:53:14 · 6310 阅读 · 2 评论 -
仿照某商城首页的源代码及效果
导航的js,用了一种比较笨的方法 1: $("#ananshi").hover( 2: function(){ 3: $(this).parent().css({border:"1px solid #DBD1D1",backgroundColor:"#DBD1D1"}); 4: /*$('#nanshi').show();*/ 5: $('#nanshi').show(); 6: $('#nvshi').hide原创 2014-09-26 09:00:04 · 2578 阅读 · 0 评论 -
jQuery中实现自定义方法的扩展
JQuery包装器提供了大量的方法，可以再页面中直接使用。但是，没有任何一个库可以满足所有的需求，所以，JQuery库提供了丰富的扩展功能。以禁用一组表单元素为例，看看怎么简单有效的在JQuery库中添加自定义的功能扩展原创 2014-08-27 07:10:33 · 2141 阅读 · 3 评论 -
Jquery UI的datepicker插件使用方法
Jquery UI是一个非常丰富的Jquery插件，并且UI的各部分插件可以独自分离出来使用，这是其他很多Jquery插件没有的优势。最近对UI中的datepicker插件学习了一下，这款日期选择/日历显示插件很好用。废话不多说，先来张图，看看效果：原创 2014-08-24 14:07:28 · 5390 阅读 · 0 评论 -
Jquery+bootstrap实现静态博客主题
Jquery+bootstrap实现静态博客主题来源：个人博客下载链接： Fork Git: https://github.com/dwqs/theme1 CSDN: http://download.csdn.net/detail/u011043843/7806307 百度云：http://pan.baidu.com/s/1kThzlS7原创 2014-08-23 13:43:22 · 2965 阅读 · 0 评论 -
必看的 jQuery性能优化的38个建议
必看的 jQuery性能优化的38个建议，这先建议在时间开发中是很有用的原创 2014-06-02 20:29:16 · 1519 阅读 · 0 评论 -
ajax学习笔记
一、js原生发送Ajax请求关于Ajax的简单介绍，可以戳此：DOM笔记（五）：JavaScript的常见事件和Ajax小结<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>demo</title> </head> <body> <button id="btn">ajax加载</button>原创 2015-04-15 17:45:37 · 1892 阅读 · 0 评论