jquery事件

jQuery操作css样式、属性、动画、节点

由 我只是一个虾纸丫 提交于 2020-01-31 02:29:49
css样式操作： 　　1、设置单个样式: css(name, value) 　　2、设置多个样式:css(obj) 　　3、获取样式:css(name) <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> <li>高圆圆</li> <li>周二珂</li> <li>冯提莫</li> <li>郑爽</li> </ul> <script src="jquery-1.12.4.js"></script> <script> $(function () { //css(name, value) //修改单个样式 //name:样式名 value:样式值 /* $("li") .css("backgroundColor", "pink") .css("color", "red") .css("fontSize", "32px"); */ //css(obj) //修改多个样式 /* $("li").css({ backgroundColor:"pink", color: "red", fontSize:"32px", border: "1px solid black" }); */ //获取样式 //css(name) //name

jQuery设计思想

由 感情迁移 提交于 2020-01-31 01:06:04
jQuery 是目前使用最广泛的javascript函数库。 据 统计 ，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。 虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。 目前，互联网上最好的jQuery入门教材，是 Rebecca Murphey 写的 《jQuery基础》 （jQuery Fundamentals）。在Google里搜索"jQuery 培训"，此书排在第一位。jQuery官方团队已经 同意 ，把此书作为官方教程的基础。 这本书虽然是入门教材，但也足足有100多页。我对它做了一个详细的笔记，试图理清jQuery的设计思想，找出学习的脉络。我的目标是全面掌握jQuery，遇到问题的时候，心里有底，基本知道使用它的哪一个功能，然后可以迅速从 手册 中找到具体的写法。 下面就是我的笔记，它应该是目前网上不多的jQuery中文教程之一。你只需要一点javascript语言的基本知识，就能看懂它，在最短的时间里

JS原生方法实现jQuery的ready()

由 泄露秘密 提交于 2020-01-30 23:59:10
浏览器加载页面的顺序： 1、 解析HTML结构 2、 加载外部脚本和样式表文件 3、 解析并执行脚本代码 4、 构造HTML DOM模型==ready() 5、 加载图片等组件 6、 页面加载完毕==onload() ready事件是在DOM模型构造完毕时触发 load事件是在页面加载完毕后触发 function ready(fn){ if(document.addEventListener) { document.addEventListener('DOMContentLoaded', function() { //注销事件, 避免反复触发 document.removeEventListener('DOMContentLoaded',arguments.callee, false); fn(); //执行函数 }, false); }else if(document.attachEvent) { //IE document.attachEvent('onreadystatechange', function() { if(document.readyState == 'complete') { document.detachEvent('onreadystatechange', arguments.callee); fn(); //函数执行 } }); } }; 来源：

JS原生方法实现jQuery的ready()

由 大兔子大兔子 提交于 2020-01-30 23:58:09
浏览器加载页面的顺序： 1、 解析HTML结构 2、 加载外部脚本和样式表文件 3、 解析并执行脚本代码 4、 构造HTML DOM模型==ready() 5、 加载图片等组件 6、 页面加载完毕==onload() ready事件是在DOM模型构造完毕时触发 load事件是在页面加载完毕后触发 function ready(fn) { if (document.addEventListener) { document.addEventListener('DOMContentLoaded', function () { //注销事件, 避免反复触发 document.removeEventListener('DOMContentLoaded', arguments.callee, false); fn(); //执行函数 }, false); } else if (document.attachEvent) { //IE document.attachEvent('onreadystatechange', function () { if (document.readyState == 'complete') { document.detachEvent('onreadystatechange', arguments.callee); fn(); //函数执行 } }); } };

JS原生方法实现jQuery的ready()

由 纵然是瞬间 提交于 2020-01-30 23:57:32
浏览器加载页面的顺序： 1、 解析HTML结构 2、 加载外部脚本和样式表文件 3、 解析并执行脚本代码 4、 构造HTML DOM模型==ready() 5、 加载图片等组件 6、 页面加载完毕==onload() ready事件是在DOM模型构造完毕时触发 load事件是在页面加载完毕后触发 function ready(fn){ if(document.addEventListener) { document.addEventListener('DOMContentLoaded', function() { //注销事件, 避免反复触发 document.removeEventListener('DOMContentLoaded',arguments.callee, false); fn(); //执行函数 }, false); }else if(document.attachEvent) { //IE document.attachEvent('onreadystatechange', function() { if(document.readyState == 'complete') { document.detachEvent('onreadystatechange', arguments.callee); fn(); //函数执行 } }); } }; ready(

JS原生方法实现jQuery的ready()

由 妖精的绣舞 提交于 2020-01-30 23:54:16
浏览器加载页面的顺序： 1、 解析HTML结构 2、 加载外部脚本和样式表文件 3、 解析并执行脚本代码 4、 构造HTML DOM模型==ready() 5、 加载图片等组件 6、 页面加载完毕==onload() ready事件是在DOM模型构造完毕时触发 load事件是在页面加载完毕后触发 function ready(fn){ if(document.addEventListener) { document.addEventListener('DOMContentLoaded', function() { //注销事件, 避免反复触发 document.removeEventListener('DOMContentLoaded',arguments.callee, false); fn(); //执行函数 }, false); }else if(document.attachEvent) { //IE document.attachEvent('onreadystatechange', function() { if(document.readyState == 'complete') { document.detachEvent('onreadystatechange', arguments.callee); fn(); //函数执行 } }); } }; ready(

JQuery 学习笔记

由 我们两清 提交于 2020-01-30 02:28:20
1 简介 JQuery，是辅助JS开发的库。是一套跨浏览器的JS库，简化HTML与JavaScript之间的操作。极大地简化了遍历HTML文档，操作DOM，处理事件、执行动画和开发Ajax。链式操作，隐式迭代。 2 HelloWorld 1 使用JQuery必须先引入JQuery的库文件，使用script标签引入。 <script type="text/javascript" src="../script/jquery-1.7.2js"></script> <script type="text/javascript"> //编写js代码 //$():调用$方法 $():较直jquery的核心函数 /*为$()方法传入一个function{}作为参数 ： window.οnlοad=function(){写代码} 就相当于$(function{写代码});*/ $(function()){ //使用$()查找元素，使用.click()来绑定点击响应函数，把单机响应函数作为click()的参数传入即可 $("#btnId").click(function(){ alert("HelloWorld"); }); }); </script> 2 $的本质:$是一个函数 ，把$();称为JQuery的核心函数。 $==jQuery，故jQuery("#btn").click(function

jQuery 插件autocomplete

由 喜夏-厌秋 提交于 2020-01-29 05:07:56
官网　　http://jqueryui.com/autocomplete/ 　　　　http://api.jqueryui.com/autocomplete/#event-select 　　　　http://stackoverflow.com/questions/9282320/jquery-ui-autocomplete-1-8-scroll 　　　　http://jqueryui.com/autocomplete/#maxheight / . 创建 AjaxPage.aspx 页面，在其中定义 WebMethod 方法来返回 搜索页面需要的输入框所有提示条目。 后台代码如下： 1 using System.Collections.Generic; 2 using System.IO; 3 using System.Runtime.Serialization.Json; 4 using System.Web.Services; 5 6 public partial class AjaxPage : System.Web.UI.Page 7 { 8 [WebMethod] 9 public static string GetAllHints()10 {11 Dictionary<string, string> data = new Dictionary<string, string

jquery中的事件和动画

由 江枫思渺然 提交于 2020-01-29 00:40:58
阻止事件冒泡 阻止默认行为 原生js： 阻止事件冒泡：ev . stopPropagation ? ev . stopPropagation ( ) : ev . cancelBubble = true 阻止默认行为： return false ev . preventDefault ? ev . preventDefault ( ) : ev . returnValue = false jquery : 阻止事件冒泡 : ev . stopPropagation ( ) 阻止默认行为 : return false ev . preventDefault ( ) 事件绑定 事件绑定： //on off $ ( 选择器 ) . on ( 事件类型 , 事件处理函数 ) 特点： 可以给同一个标签的同一个事件添加不同的处理函数 $ ( "div" ) . on ( 'click' , fun ) ; $ ( "div" ) . on ( 'click' , fun1 ) ; 可以给同一个标签的不同事件，添加同一个处理函数 $ ( "div" ) . on ( 'click mouseover' , fun ) ; 可以给一个标签同时添加多个事件 $ ( "div" ) . on ( { "click" : fun , "mouseover" : fun1 } ) 事件取消： $ (

jQuery 插件autocomplete

由 心已入冬 提交于 2020-01-28 11:41:28
jQuery 插件autocomplete 自动加载 参考： http://www.cnblogs.com/Peter-Zhang/archive/2011/10/22/2221147.html http://johnny-gz.iteye.com/blog/1830235 http://www.jb51.net/article/50463.htm 单击下载资源文件(支持中文) 如图效果 　　下面来使用 autocomplete插件来实现类似效果。 1. 后台 public void AutoLoad() { List<NameValueItem> data = new List<NameValueItem>(); data.Add(new NameValueItem { Name = "苹果4代iphone正品", Value = "21782" }); data.Add(new NameValueItem { Name = "苹果4代 手机套", Value = "238061" }); data.Add(new NameValueItem { Name = "苹果4", Value = "838360" }); data.Add(new NameValueItem { Name = "苹果皮", Value = "242721" }); data.Add(new
订阅 jquery事件