jquery动画

jQuery带控制按钮向上和向下滚动文本列表

由 前提是你 提交于 2019-12-31 04:19:37
效果： http://hovertree.com/texiao/jquery/64/ 效果图如下： 代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery带按钮向上滚动向下滚动代码 - 何问起</title><base target="_blank" /> <link href="http://hovertree.com/texiao/jquery/64/css/myScroll.css" rel="stylesheet" type="text/css" /> <script src="http://down.hovertree.com/jquery/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="http://hovertree.com/texiao/jquery/64/js/jq_scroll.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("

初步学习jquery学习笔记（二）

由 女生的网名这么多〃 提交于 2019-12-31 03:56:53
jQuery事件 jquery是为事件处理而设计的 什么是事件? 页面对不同访问者的相应叫做事件。 事件处理程序指的是html中发生某些事件所调用的方法 实例: 在元素上移动鼠标 选取单选按钮 点击元素 触发:产生事件的过程，比如点击按钮 常见的dom事件 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypress submit load dblclick keydown change resize mouseenter keyup focus scroll mouseleave blur unload hover jQuery中事件以及语法 在jquery中，大多数dom事件都有一个等效的方法 页面中指定一个点击事件 $("p").click();//指定一个点击事件 //定义触发后的事件 $("p").click( function(){ //动作触发后执行的代码 } ) 常见jQuery中事件以及方法 $(document).ready() $(doucument).ready()方法允许我们在文档完全加载后执行函数) click() click()方法是当按钮点击事件被触发会调用的一个函数，该函数在用户点击html元素的时候执行 $("p").click(function(){ $(this).hide(); }) dbclick() 当双击元素时候

第86节：Java中的JQuery基础

由 依然范特西╮ 提交于 2019-12-31 03:56:38
第86节：Java中的JQuery 前言复习 定时器： setInterval clearInterval setTimeout clearTimeout 显示： img.style.display = "block" 隐藏： img.style.display = "none" 获取行 table.rows[] DOM: document.createElement document.createTextNode appendChild 什么是JQuery，有什么用？ jquery是一种快速，小巧，功能丰富的JavaScript库，可以让html文档遍历和操作，事件处理，动画和ajax更加容易使用的一种api，可以在多种浏览器中工作。 封装了JavaScript常用的功能代码，提供了一种简便的JavaScript设计模式，优化了HTML文档操作，事件处理，动画设计和ajax交互。 简单来说jquery是一个JavaScript库，简化了JavaScript的编程，很容易学习。 事件，ready(fn) 当dom载入就绪就可以查询及操纵时绑定的一个要执行的函数，这是事件模块中最重要的一个函数，因为它可以提高web应用程序的响应速度。 jquery代码： $().ready(function(){ }); // 导包,引入JQ的文件 <script type="text

JQuery源码解读 JQ框架简化（ 妙味讲堂 - 视频笔记 - 第一部分）

由 陌路散爱 提交于 2019-12-31 02:46:36
JQuery源码解读 JQ框架简化（ 妙味讲堂 - 视频笔记 - 第一部分） 1.1 定义一些变量和函数 jQuery = fuction() {} 1.2 给JQ对象添加一些方法和属性 length 1.3 extend: jQ的继承方法 1.4 jQuery.extend() 扩展一些工具方法 1.5 Sizzle: 复杂选择器的实现 1.6 Callback: 对调对象， 函数的统一管理 function fun1() { console.log(1) } function fun2() { console.log(2) } var cb = $.Callback(); cb.add(fun1); cb.add(fun2); cb.fire(); // 1,2 cb.remove(fun1) cb.fire(); //2 fun1被移除 1.7 Deferred: 延迟对象， 对异步的统一管理 setTimeout(function() { console.log(1); }) console.log(2) // 先输出2，在输出1 setTimeout 异步函数 var dfd = $.Deferred(); //创建延迟对象 setTimeout(function() { console.log(1) dfd.resolve(); }) dfd.done(function

jQuery实现select三级联动

由 喜你入骨 提交于 2019-12-30 00:05:14
参考：jQuery权威指南 jQuery初步 jQuery选择器 jQuery操作dom jQuery操作dom事件 jQuery插件 jQuery操作Ajax jQuery动画与特效 jQuery实现导航栏 jQuery实现点击式选项卡 jQuery实现select三级联动 效果 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd "> < html > < head > < meta http-equiv = "Content-Type" content = "text/html;

JQuery常用函数及功能小结

由 微笑、不失礼 提交于 2019-12-29 00:44:20
1.文档加载完成执行函数 $(document).ready(function(){ alert("开始了"); }); 2.添加/删除CSS类 $("#some-id").addClass("NewClassName"); $("#some-id").removeClass("ClassNameToBeRemoved"); 3.选择符 利用了CSS和Xpath（XML Path Language）选择符的能力，以及jQuery独有的选择符 3.1常用的： 1.根据标签名： $('p') 选择文档中的所有段落 2. 根据ID： $("#some-id") 3.类： $('.some-class') 3.2使用CSS选择符： $("#some-id > li") 选择特定id下的所有子li元素 $("#some-id li:not(.horizontal)") 伪类选择，特定id下所有没有.horizontal 类的li元素 3.3使用XPath选择符： 属性选择：$("a[@title]") 选择所有带title属性的链接 $("div[ol]") 选择包含一个ol元素的所有div元素 $('a[@href^="mailto:%22]') 选择所有带href属性[@href]且该属性值以mailto开头^="mailto"（^标识字符串开始，$标识字符串结尾，*表示字符串中任意位置

JQuery常用函数及功能小结

由 老子叫甜甜 提交于 2019-12-29 00:44:05
1.文档加载完成执行函数 $(document).ready(function(){ alert("开始了"); }); 2.添加/删除CSS类 $("#some-id").addClass("NewClassName"); $("#some-id").removeClass("ClassNameToBeRemoved"); 3.选择符 利用了CSS和Xpath（XML Path Language）选择符的能力，以及jQuery独有的选择符 3.1常用的： 1.根据标签名： $('p') 选择文档中的所有段落 2. 根据ID： $("#some-id") 3.类： $('.some-class') 3.2使用CSS选择符： $("#some-id > li") 选择特定id下的所有子li元素 $("#some-id li:not(.horizontal)") 伪类选择，特定id下所有没有.horizontal 类的li元素 3.3使用XPath选择符： 属性选择：$("a[@title]") 选择所有带title属性的链接 $("div[ol]") 选择包含一个ol元素的所有div元素 $('a[@href^=" mailto:%22]' ) 选择所有带href属性[@href]且该属性值以mailto开头^="mailto"（^标识字符串开始，$标识字符串结尾，

JQuery常用函数及功能小结

由 我们两清 提交于 2019-12-29 00:43:42
1.文档加载完成执行函数 $(document).ready(function(){ alert("开始了"); }); 2.添加/删除CSS类 $("#some-id").addClass("NewClassName"); $("#some-id").removeClass("ClassNameToBeRemoved"); 3.选择符 利用了CSS和Xpath（XML Path Language）选择符的能力，以及jQuery独有的选择符 3.1常用的： 1.根据标签名： $('p') 选择文档中的所有段落 2. 根据 ID ： $("#some-id") 3.类： $('.some-class') 3.2使用CSS选择符： $("#some-id > li") 选择特定id下的所有子li元素 $("#some-id li:not(.horizontal)") 伪类选择，特定id下所有没有.horizontal 类的li元素 3.3使用XPath选择符： 属性选择：$("a[@title]") 选择所有带title属性的链接 $("div[ol]") 选择包含一个ol元素的所有div元素 $('a[@href^="mailto:%22]') 选择所有带href属性[@href]且该属性值以mailto开头^="mailto"（^标识字符串开始，$标识字符串结尾，

JQuery常用函数及功能小结

由 纵饮孤独 提交于 2019-12-29 00:43:31
1.文档加载完成执行函数 $(document).ready(function(){ alert("开始了"); }); 2.添加/删除CSS类 $("#some-id").addClass("NewClassName"); $("#some-id").removeClass("ClassNameToBeRemoved"); 3.选择符 利用了CSS和Xpath（XML Path Language）选择符的能力，以及jQuery独有的选择符 3.1常用的： 1.根据标签名： $('p') 选择文档中的所有段落 2. 根据ID： $("#some-id") 3.类： $('.some-class') 3.2使用CSS选择符： $("#some-id > li") 选择特定id下的所有子li元素 $("#some-id li:not(.horizontal)") 伪类选择，特定id下所有没有.horizontal 类的li元素 3.3使用XPath选择符： 属性选择：$("a[@title]") 选择所有带title属性的链接 $("div[ol]") 选择包含一个ol元素的所有div元素 $('a[@href^=" mailto:%22]' ) 选择所有带href属性[@href]且该属性值以mailto开头^="mailto"（^标识字符串开始，$标识字符串结尾，

你真的需要一个jQuery插件吗

由 寵の児 提交于 2019-12-28 21:10:30
　jQuery的插件提供了一个很好的方法，节省了时间和简化了开发，避免 程序员从头开始编写每个组件。但是，插件也将一个不稳定因素引入代码中。一个好的插件节省了无数的开发时间，一个质量不好的插件会导致修复错误的时间比实际从头 开始编写组件的时间还长。 　　幸运的是，人们通常具有各种不同的插件可供选择。但是，即使你只用一个，也要弄清楚它是否值得使用的。永远不要在你的代码库中引入错误的代码。 　　你需要一个插件吗？ 　　首先是要弄清楚究竟你是否需要一个插件。如果不需要，既可以节省文件大小，又可以节省自己的时间。 　　1.自己写是不是更好？ 　　如果功能很简单，就自己写。jQuery的插件经常会捆绑各种功能，这可能矫枉过正。在这种情况下，手写任何简单的功能往往更有意义。当然，要对所涉及的工作量有所衡量。 　　举例来说，如果你需要更先进的功能，jQuery UI的手风琴是很好的选择。但如果你只需要打开和关闭面板。如果你还没有在你的网站上使用jQuery UI上，考虑jQuery的 slideToggle()或animate()。 　　2.是不是你已经在使用一个类似的插件？ 　　在发现某个插件不能解决你需要的一切，寻找另一个插件来弥补，十分有诱惑。但在同一个应用程式包括两个类似的插件，肯定是一个臃肿的 JavaScript。你能找到一个插件，包括你所有的需求么？如果没有
订阅 jquery动画