-
focus事件在元素获取焦点时触发，如点击文本框时，触发该事件；而blur事件则在元素丢失焦点时触发，如点击除文本框的任何元素，都会触发该事件。 <script type="text/javascript"> $(function () { $("input") .bind("focus", function () { $("div").html("请输入您的姓名！"); }) $("input").bind("blur", function () { if ($(this).val().length == 0) $("div").html("你的名称不能为空！"); }) }); </script>查看全部
-
trigger()方法可以直接手动触发元素指定的事件，这些事件可以是元素自带事件，也可以是自定义的事件，总之，该事件必须能执行，它的调用格式为： $(selector).trigger(event) 其中event参数为需要手动触发的事件名称。查看全部
-
1.对div做一个click的绑定事件（对div进行单击） i.单击就移除其backcolor样式，再增加color样式 ii.绑定一个dblclick事件（对div进行双击） 移除color样式，增加backcolor样式 2.对按钮button做一个单击click的绑定事件 i.对div移除其dblclick事件 ii.设置按钮本身为不可用查看全部
-
one()方法可以绑定元素任何有效的事件，但这种方法绑定的事件只会触发一次，它的调用格式如下： $(selector).one(event,[data],fun) 参数event为事件名称，data为触发事件时携带的数据，fun为触发该事件时执行的函数。查看全部
-
unbind()方法可以移除元素已绑定的事件，它的调用格式如下： $(selector).unbind(event,fun) 其中参数event表示需要移除的事件名称，多个事件名用空格隔开，fun参数为事件执行时调用的函数名称。 如果没有规定参数，unbind() 方法会删除指定元素的所有事件处理程序。查看全部
-
toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式如下： $(selector).toggle(fun1(),fun2(),funN(),...) 其中，fun1，fun2就是多个函数的名称 每次点击<div>元素时，都依次执行toggle()方法绑定的函数，当执行到最后一个函数时，再次点击将又返回执行第一个函数。 注意：toggle()方法支持目前主流稳定的jQuery版本1.8.2，在1.9.0之后的版本是不支持的。查看全部
-
hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下： $(selector).hover(over，out); over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。查看全部
-
var $redHTML = $(".red").html() $(".green").html($redHTML) 等同于：$(".green").html($(".red").html()); ------------------------------------------------ Tip: .html和.text的区别，.html取的是domo结构 ，包括里面的图片，影像都可以显示出来；而.text就只有文字显示。查看全部
-
bind()方法绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执行的函数内容就可以，它的绑定格式如下： $(selector).bind(event,[data] function) 参数event为事件名称，多个事件名称用空格隔开，function为事件执行的函数。查看全部
-
ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。 $(document).ready(function(){})等价于$(function(){});查看全部
-
jQuery图片灯箱插件——lightBox 该插件可以用圆角的方式展示选择中的图片，使用按钮查看上下张图片，在加载图片时自带进度条，还能以自动播放的方式浏览图片，调用格式如下： $(linkimage).lightBox({options}) 其中linkimage参数为包含图片的<a>元素名称，options为插件方法的配置对象。查看全部
-
jQuery表单插件——form 通过表单form插件，调用ajaxForm()方法，实现ajax方式向服务器提交表单数据，并通过方法中的options对象获取服务器返回数据，调用格式如下： $(form). ajaxForm ({options}) 其中form参数表示表单元素名称；options是一个配置对象，用于在发送ajax请求过程，设置发送时的数据和参数。查看全部
-
<!DOCTYPE html> <html> <head> <title>*选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <form action="#"> <input id="Button1" type="button" value="button" /> <input id="Text1" type="text" /> <input id="Radio1" type="radio" /> <input id="Checkbox1" type="checkbox" /> </form> <script type="text/javascript"> $("form *").attr("disabled", "true"); </script> </body> </html>查看全部
-
<!DOCTYPE html> <html> <head> <title>.class选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="red">立正，向我这边看齐</div> <div class="green">我先歇歇脚</div> <script type="text/javascript"> var $redHTML = $(".red" ).html(); $(".red").html($redHTML); var $greenHTML = $(".green" ).html(); $(".green").html($greenHTML); </script> </body> </html>查看全部
-
jQuery表单验证插件——validate 该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下： $(form).validate({options}) 其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。查看全部
举报
0/150
提交
取消