1、bind()功能是为每个选择元素的事件绑定处理函数，其语法如下：bind(type, [data], fn) 其中type为一个或多个类型的字符串，如click或change，也可以自定义；可以被type调用的类型包括blur、focus、load、resize、scroll、unload、click、dbclick、mousedown等事件。参数data是作为event.data属性值传递对象的额外数据对象。参数fn是绑定到每个选择元素的事件中的处理函数。 2、示例代码： 代码如下: bind方法绑定事件 $(fu...
1、通过映射的方式，给对象绑定多个事件。 2、示例代码： 代码如下: 映射方式绑定不同事件 $(function(){ $(".txt").bind({focus:function(){ $("#divTip").show().html("执行的是focus事件"); }, change:function(){ $("#divTip").show().html("执行的是change事件"); } }) }) 姓名： 3、效果图预览： 将光标置于文本框中点击显示效果如下：在文本框中输入内容然后将光标单击其他空白页面效果如下：JavaScript教程/参考...
1、在JQuery中，有两个方法用于事件的切换，一个方法是hover()，另一个是toggle()。所谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换。如一个超级链接标记若想实现当鼠标悬停时触发一个事件，鼠标移出时又触发一个事件，可以用切换事件轻松实现。 2、示例代码： 代码如下: 切换事件hover $(function(){ $(".clsTitle").hover(function(){ $(".clsContent").show(); }, function(){ $(".clsConten...
1、在toggle()方法中，可以依次调用N个指定的函数，直到最后一个函数，然后重复对这个函数轮番调用，其语法如下：toggle(fn, fn2, [fn3, fn4,...])，其中fn、fn2、fn3、fn4等函数依次调用。 2、示例代码： 代码如下: toggle方法 body{font-size:13px} img{border:solid 1px #ccc;padding:3px} $(function(){ $("img").toggle(function(){ $("img").attr("src","Images/img05.jpg"); $("img").attr("title",this.src); },fun...
1、在DOM对象的实践操作中，既然存在用于绑定事件的bind方法，也相应存在用于移出绑定事件的方法，在JQuery中，可以通过unbind方法移除所有绑定的事件或某一个事件。 2、示例代码： 代码如下: unbind方法移除绑定事件 $(function(){ function oClick(){ //自定义事件 $("#divTip").append("这是按钮二绑定的事件"); }; $("input:eq(0)").bind("click",function(){ $("#divTip").append("这是按钮一绑定事件"); }); $("input:e...
前几天在看《jquery基础教程》，看到事件委托的时候，关于live()方法讲的不是很详细，就去搜了一下关于live()和delegate()的。 然后在一处看到live()已经被移除了，囧，然后去看了最新的jq源码，果然被移除了，现在是1.9.1版本，不知道live()是在之前哪个版本被移除的，惭愧啊，之前都没留意。 看源码发现bind()和delegate()都是由on()实现的。on()的描述如下： 代码如下:.on( events [, selector ] [, data ], handler(eventObjec...
这篇文章，我们一起探索一下 JavaScript 中的 Deferred 和 Promise 的概念，它们是 JavaScript 工具包（如Dojo和MochiKit）中非常重要的一个功能，最近也首次亮相于 流行的 JavaScript 库 jQuery（已经是1.5版本的事情了）。 Deferred 提供了一个抽象的非阻塞的解决方案（如 Ajax 请求的响应），它创建一个 “promise” 对象，其目的是在未来某个时间点返回一个响应。如果您之前没有接触过 “promise”，我们将会在下面做详细介绍。...
一、在元素内部/外部追加元素 append,prepend:添加到子元素 before，after：作为兄弟元素添加 html： 代码如下: 在我的后面追加一条新闻 Javascript: 代码如下: jQuery(function(){ //在元素内部追加内容 $("#content").append("姚明退役了..."); }) 在#content里面添加元素，这是把姚明退役了...作为子元素添加到#content，如果想在元素外部追加元素，需要用到after，这样的话就可以把姚明退役了...作为兄弟元素追加到#co...
代码如下: var arr=location.href.split(/).pop().split(.); alert(arr[0]); //Parent alert(arr[1]); //Child
一般动态创建元素可以通过两种方式 1、Dom HTml 代码如下: var select = document.createElement("select"); select.options[0] = new Option("加载项1", "value1"); select.options[1] = new Option("加载项2", "value2"); select.size = "2"; testDiv.appendChild(select); }); 通过document的createElement方法创建，然后通过appendChild方法添加到指定的对象中即可 2、JQuery函数创建 $("动态创建的div
1.指定在主页面某个div中中显示子页面内容 ，其中renderContainer 可以是主页面div的id或者name 代码如下: $.ajax({ url: url, data: parameters, type:"GET", dataType:"html", success:function (html) { $(renderContainer).attr("title", title); $(renderContainer).html(html); $(renderContainer).dialog({ autoOpen: true, width: 590, height: 720, modal: true, resizable: false, draggable: true }); } }); 2.选择指...
代码如下: 天地盟主 QQ：467713292 姓名: {{= name }} 手机号: {{= phone }} //引用两个js 代码如下: var contacts = [ {name:"天地盟主", phone:"467713292"}, {name:"与狼共舞", phone: "206-555-7878" }, {name:"程序员中的菜鸟", phone: "415-555-8888" } ]; //只需要这样一句话就可以将上面定义好的json数据填充到模板里 呈现出来 代码如下: $("#contactTemplate").render(contacts).appendTo("#contactConta...
url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和 delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设 置。 async：要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。 如果需要发送同步请求，请将此...
一、需求原因在填写表单时需要实现如下效果二、具体实现 代码如下:鼠标点击后无文字，挪开鼠标后有文字 $(function(){ /*进入焦点时触发*/ $("#account").focus(function(){ varoldValue = $(this).val(); if(oldValue == this.defaultValue){ $(this).val(""); } }); /*失去焦点时触发*/ $("#account").blur(function(){...
效果如下图： 实现的代码很少，很简洁，可参考学习 代码如下:<script type="text/javascript"> jQuery(document).ready(function () { ShowImage1(); }); var ShowImage1 = function () { $(".show_box1 .show_box_dd").hover(function (e) { $(".show_box1 .phover").hide(); $(".show_box1 .show_box_dd").show(); $(this).hide(); $(this).siblings().show(); }, function () { }); }; </script> 代码如下:<pre code_snippet...