jquery事件

jQuery提供 css() 的方法来实现嵌入式改变元素样式， css() 方法在使用上具有多样性。其中一种接受两个输入参数：样式属性和样式值，它们之间用逗号分开。比如我们要改变链接颜色，我们可以使用下面的代码： $("#61dh a").css('color','#123456'); //这里选择器‘$("#61dh a")’表示ID为‘#61dh’的元素下的所有链接。 //.css(‘color’,'#123456');表示把颜色设为'#123456' 如果我们需要改变多个样式属性，我们可以先定义属性变量，然后直接赋值给 css() 方法。示例如下： var divcss = { background: '#EEE', width: '478px', margin: '10px 0 0', padding: '5px 10px', border: '1px solid #CCC' }; $("#result").css(divcss); //这里我们先定义了一个CSS样式属性变量‘divcss’，这类似于建立一个外部CSS文件。 //然后通过jQuery提供的css()方法，把属性赋给ID为'#result'的DIV。 另外jQuery提供的 css() 方法还可以用来查看某个元素的css属性值。例如，我们想查看链接的颜色，可以使用下面的代码： $("#61dh a").css

一、jQuery简介 jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。 $：jQuery标识符 二、jQuery选择器 1.基本选择器 ①ID选择器:# $("#div1").css("background-color", "red") ②class选择器：. 1 $(".div2").css("background-color", "red"); ③标签选择器 $("div").css("background-color", "red"); ④并列 $("#div1,#div2").css("background-color", "red"); //并列选择，用逗号隔开 ⑤后代 $("#div1 a").css("background-color", "red"); //后代选择，用空格隔开 2、过滤选择器 （1）、基本过滤 ①首个：:first $(".div:first").css("background-color", "red"); //取首个 ②尾个：:last $(".div:last").css("background-color", "red"); //取最后一个 ③任意个：:eq(索引号) $(".div:eq

转： http://www.popo4j.com/article/jQuery-unbind.html jQuery的绑定事件非常方便，有bind、unbind、live、one,还有它帮你把一些常用的事件给单独了出来，比如控件的onclick事件，我们绑定onclick事件的时候只需要 $("#testButton").click(function() {alert("I'm Test Button");}); 我们如果要取消绑定的事件呢? jQuery有unbind的方法，专门用来取消绑定的事件 $("#testButton").unbind("click"); 是不是很简单？如果你的click有2个事件的话，你还可以使用unbind("click", fnName)来删除特定函数的绑定。 为什么有这个取消特定函数的方法呢，我们来看下例子，我们会发现，javaScript的事件，跟C#的事件一样,事件的绑定是叠加（+=） 而不是覆盖。 var Eat = function() {alert("我要吃饭");}var PayMoney = function() {alert("先付钱");}jQuery(document).ready(function() {$("#testButton").click(Eat);$("#testButton").bind("click",

unbind([type],[data]) 是 bind()的反向操作，从每一个匹配的元素中删除绑定的事件。如果没有参数，则删除所有绑定的事件。你可以将你用bind()注册的自定义事件取消绑定。如果提供了事件类型作为参数，则只删除该类型的绑定事件。如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除。 返回值 : jQuery 参数 : type (String) : (可选) 事件类型 data (Function) : (可选) 要从每个匹配元素的事件中反绑定的事件处理函数 示例 : 把所有段落的所有事件取消绑定 jQuery 代码: $("p").unbind() -------------------------------------------------------------------------------- 将段落的click事件取消绑定 jQuery 代码: $("p").unbind( "click" ) -------------------------------------------------------------------------------- 删除特定函数的绑定，将函数作为第二个参数传入 jQuery 代码: var foo = function () { // 处理某个事件的代码 }; $("p")

jQuery 中的 unbind() 方法是 bind() 方法的反向操作，从每一个匹配的元素中删除绑定的事件。 语法结构： [javascript] view plain copy unbind([type][, data]); type是事件类型，data为将要移除的事件。具体说明如下： 1、如果没有参数，则删除所有的绑定事件； 2、如果提供了事件类型(type)作为参数，则只删除该类型的绑定事件； 3、如果把在绑定时传递的处理函数作为第2个参数，则只有这个特定的事件处理函数被删除。 请看下面的举例： [javascript] view plain copy <script src= "http://www.gamejzy.com/js/jquery.js" type= "text/javascript"></script> <style> .info { background:#ffff66; } </style> <input type= "button" id= "btn" value= "点击我" /> <input type= "button" id= "delAll" value= "删除全部绑定函数" /> <input type= "button" id= "delFun2" value= "删除第二个绑定函数" /><br /> <div class=

jQuery 的 绑定事件 非常方便，有 bind 、 unbind 、live、one,还有它帮你把一些常用的 事件 给单独了出来，比如控件的 onclick事件 ，我们绑定onclick事件的时候只需要 view source print ? 1 $( "#testButton" ).click( function () { 2 alert( "I'm Test Button" ); 如果我们要取消绑定的事件?jQuery有unbind的方法，专门用来取消绑定的事件 view source print ? 1 $( "#testButton" ).unbind( "click" ); 是不是很简单？如果你的click有2个事件的话，你还可以使用unbind("click", fnName)来删除特定函数的绑定。 为什么有这个取消特定函数的方法呢，我们来看下例子，我们会发现， javaScript 的事件，跟C#的事件一样,事件的绑定是叠加（+=） 而不是覆盖。 view source print ? 01 var Eat = function () { 02 alert( "我要吃饭" ); 03 } 04 var PayMoney = function () { 05 alert( "先付钱" ); 06 } 07 jQuery(document).ready(

1.1. jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如 <a> 元素里面的 href ，比如 <input> 元素里面的 type。 语法 获取属性:prop("属性") 设置属性:prop("属性","属性值 ") 注意：prop() 除了普通属性操作，更适合操作表单属性：disabled / checked / selected 等。 1.1.2 元素自定义属性值 attr() 用户自己给元素添加的属性，我们称为自定义属性。 比如给 div 添加 index =“1”。 语法 同prop,类似原生getAttribute()和setAttribute() 注意：attr() 除了普通属性操作，更适合操作自定义属性。（该方法也可以获取 H5 自定义属性） 1.1.3 数据缓存 data() data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。一旦页面刷新，之前存放的数据都将被移除。 注意：同时，还可以读取 HTML5 自定义属性 data-index ，得到的是数字型。 演示代码 <body> <a href="http://www.itcast.cn" title="都挺好">都挺好</a>

Bind () 方法： 给元素绑定事件 形式： .bind(eventType[,eventData],handler(eventObject)) event Type,string 类型，一个或多个 DOM 事件的名称，比如： click 、 submit eventData，Object，将会传递给handler函数的数据，也就是eventObject的data属性中，如果要调用那么使用eventObject.data Handler ， function ，当事件被触发时执行的函数 .bind (eventType[,eventData][,preventBubble]) eventType,string,一个或多个DOM事件的名称，比如：click、submit eventData，Object，将会传递给handler函数的数据，也就是eventObject的data属性中，如果要调用那么使用eventObject.data preventBubble,boolean, 默认为 true ，当设置为 false 的时候将阻止浏览器默认事件发生，并且阻止事件冒泡。 . .bind (events) Events,object,使用json的形式，为当前元素定义多个事件，例如： { click: function () { $( this ).addClass(

上面的代码就简单实现了上传的功能，依靠函数uploadify实现，uploadify函数的参数为json格式，可以对json对象的key值的修改来进行自定义的设置，如multi设置为true或false来控制是否可以进行多文件上传，下面就来介绍下这些key值的意思： uploader ： uploadify.swf 文件的相对路径，该swf文件是一个带有文字BROWSE的按钮，点击后淡出打开文件对话框，默认值：uploadify.swf。 script ： 后台处理程序的相对路径 。默认值：uploadify.php checkScript ：用来判断上传选择的文件在服务器是否存在的后台处理程序的相对路径 fileDataName ：设置一个名字，在服务器处理程序中根据该名字来取上传文件的数据。默认为Filedata method ： 提交方式Post 或Get 默认为Post scriptAccess ：flash脚本文件的访问模式，如果在本地测试设置为always，默认值：sameDomain folder ： 上传文件存放的目录 。 queueID ： 文件队列的ID，该ID与存放文件队列的div的ID一致。 queueSizeLimit ： 当允许多文件生成时，设置选择文件的个数，默认值：999 。 multi ： 设置为true时可以上传多个文件。 auto ：

9个有用的jQuery日历和网页设计师的日期选择器插件 事件日历和日期选择器是是我们开发当中经常遇到的问题，这个时候我们就需要用jquery插件来实现，昨天我在做项目的时候，遇到了个问题就是如何显示倒计时问题，我这个时候就用jquery插件解决的，今天给大家分享9个其他的时间选择器插件 1。 FullCalendar FullCalendar是一个著名的jQuery日历插件，它提供了拖和下降功能，与谷歌日历整合，并能够通过JSON获取事件等功能。 设计人员可以轻松定制外观和感觉的日历，而开发人员可以利用用户触发的事件暴露挂钩。 2. Astonishing iCal-like Calendar 这是一个使用jQuery和CSS来构建一个iPhone风格的日历应用程序的教程。 3 jQuery UI的DatePicker jQuery UI的DatePicker的是一个高度可配置的插件，他添加到您的网页的日期选择器的功能。 您可以自定义的日期格式和语言，限制了可选择的日期范围，并容易添加按钮和其他导航选项。 4。 jMonthCalendar jMonthCalendar支持全月日历和事件。 这个插件的有趣的部分是它允许开发者开发互动的日历。 5 日期选择器 。 MIT和GPL许可证下发布的日期选择器是一个jQuery日历插件。 它有很多的选项和功能。 例如，你可以有多个日历组件